@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Barlow:wght@400;600;700&display=swap');

:root {
    --radius-md: 2px;
    --maldonado-yellow: #ffc400;
}

body { font-family: 'Barlow', sans-serif !important; }

:is(h1, h2, h3, .section-title, .promo-title, .product-title, .logo-main) {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

body > header { background: #111111 !important; border-bottom: 6px solid #ffc400 !important; }
body > header :is(.logo-sub, .logo-main) { color: #ffffff !important; }
body > header .estado-abierto { color: #4ade80 !important; background-color: rgba(74, 222, 128, 0.12) !important; }
body > header .estado-pronto { color: #fbbf24 !important; background-color: rgba(251, 191, 36, 0.12) !important; }
body > header .estado-cerrado { color: #fca5a5 !important; background-color: rgba(252, 165, 165, 0.1) !important; }
body > nav { background: #ffc400 !important; }
body > nav :is(.nav-item, .nav-item *) { color: #111111 !important; font-weight: 700 !important; }

@media (max-width: 768px) {
    body > nav .nav-container { gap: 0.65rem !important; padding: 0.85rem 1rem 1rem !important; }
    body > nav .nav-item {
        background: #fff8dc !important;
        border: 2px solid #111111 !important;
        border-radius: 0 !important;
        box-shadow: 3px 3px 0 #111111;
        min-height: 3rem;
    }
    body > nav .nav-item::after { display: none; }
    body > nav .nav-item.active { background: #111111 !important; }
    body > nav .nav-item.active,
    body > nav .nav-item.active * { color: #ffc400 !important; }
    body > nav .nav-item:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 #111111; }
}

.section-title { border-left: 10px solid #ffc400; padding-left: 14px; }

:is(.btn-primary, .btn-outline) {
    border-radius: 0 !important;
    background: #ffc400 !important;
    color: #111111 !important;
    border: 3px solid #111111 !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    letter-spacing: 1px;
}

:is(.product-card, .step-card, .faq-item, .address-card, .tienda-cifras > div,
.zonas-gratis, .zonas-lista, .product-card-oferta) {
    border-radius: 0 !important;
}

.features-bar { background: transparent !important; }
.features-grid {
    background: #111111 !important;
    border: 3px solid #111111 !important;
    border-radius: 0 !important;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.85) !important;
}
html[data-tema="oscuro"] .features-grid { border-color: #3a3a3a !important; box-shadow: 6px 6px 0 #000000 !important; }
.feature-card { background: #1c1c1c !important; border: 2px solid #ffc400 !important; border-radius: 0 !important; }
.feature-card * { color: #ffffff !important; }
.feature-title { color: #ffc400 !important; }

:is(.slider-container, .promo-card, .unico-promo-inner, .calc-promo-inner, .wholesale-inner,
.map-wrapper, .tienda-foto) {
    border-radius: 0 !important;
}

:is(.calc-promo-inner, .unico-promo-inner) {
    background: #111111 repeating-linear-gradient(-45deg, #111111 0 30px, #1a1a1a 30px 60px) !important;
}
.calc-promo-item { background: #222222 !important; border: 2px solid #ffc400 !important; border-radius: 0 !important; }
.calc-promo-item * { color: #ffffff !important; }

.wholesale-inner { position: relative; background: #ffc400 !important; }
.wholesale-inner * { color: #111111 !important; }
.wholesale-inner::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 14px;
    background: repeating-linear-gradient(-45deg, #111111 0 14px, #ffc400 14px 28px);
}

.step-number { background: #ffc400 !important; color: #111111 !important; border-radius: 0 !important; border: 2px solid #111111; }

:is(.badge-vendido, .badge-oferta, .promo-tag, .calc-promo-tag, .wholesale-tag, .tienda-tag, .zonas-gratis-tag) {
    border-radius: 0 !important;
    background: #111111 !important;
    color: #ffc400 !important;
}

.oferta-ahora { font-family: 'Oswald', sans-serif !important; }
.unico-promo-precio { color: #ffc400 !important; font-family: 'Oswald', sans-serif !important; }
:is(.unico-promo-variante, .unico-promo-precio small, .unico-promo-precio span) {
    color: #d1d5db !important;
    font-family: 'Barlow', sans-serif !important;
}

:is(footer, footer.pie) { background: #111111 !important; border-top: 10px solid #ffc400 !important; }

.carrito-flotante {
    border-radius: 0 !important;
    background: #111111 !important;
    color: #ffc400 !important;
    border: 2px solid #ffc400 !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6) !important;
}
.carrito-contador { border-radius: 0 !important; }
.carrito-aviso { border-radius: 0 !important; background: #111111 !important; border-left: 6px solid #ffc400; }

.carrito-caja { border-left: 4px solid #111111; }
.carrito-encabezado { background: #111111 !important; border-bottom: 6px solid #ffc400 !important; }
.carrito-encabezado h2 { color: #ffffff !important; }
.carrito-cerrar { color: #ffc400 !important; }

.carrito-items { gap: 0.9rem !important; }
.carrito-item {
    padding: 0.7rem !important;
    border-radius: 0 !important;
    border-bottom-width: 2px !important;
}
.carrito-item img { border-radius: 0 !important; border-width: 2px !important; }
.carrito-item-subtotal { font-family: 'Oswald', sans-serif !important; font-size: 1rem !important; }

.carrito-cantidad button {
    border-radius: 0 !important;
    border: 2px solid #111111 !important;
    background: #ffc400 !important;
    color: #111111 !important;
}
.carrito-cantidad input { border-radius: 0 !important; border-width: 2px !important; font-weight: 700; }
.carrito-quitar { border-radius: 0 !important; border-width: 2px !important; }

.carrito-resumen { padding-top: 0.8rem; }
.carrito-fila { font-family: 'Oswald', sans-serif !important; text-transform: uppercase; font-size: 1.1rem !important; }

.btn-carrito-principal,
.btn-carrito-whatsapp,
.btn-carrito-confirmar-si,
.btn-carrito-confirmar-no {
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.btn-carrito-principal {
    background: #ffc400 !important;
    color: #111111 !important;
    border: 3px solid #111111 !important;
}
.btn-carrito-whatsapp { border: 3px solid #111111 !important; }
.btn-carrito-secundario { border-radius: 0 !important; background: #111111 !important; color: #ffc400 !important; }
.carrito-confirmar { border-radius: 0 !important; }

.carrito-form input:not([type="radio"]):not([type="checkbox"]),
.carrito-form textarea { border-radius: 0 !important; border-width: 2px !important; }
.carrito-tipo label,
.carrito-membresia,
.carrito-nota-correo { border-radius: 0 !important; }

html:not([data-tema="oscuro"]) {
    --bg-page: #efece6;
    --text-main: #111111;
    --border-color: #111111;
    --shadow-sm: 4px 4px 0 #111111;
    --shadow-md: 6px 6px 0 #111111;
}

html:not([data-tema="oscuro"]) body {
    background-color: #efece6 !important;
    background-image:
        repeating-linear-gradient(0deg, transparent 0 39px, rgba(0, 0, 0, 0.035) 39px 40px),
        repeating-linear-gradient(90deg, transparent 0 39px, rgba(0, 0, 0, 0.035) 39px 40px) !important;
}

html:not([data-tema="oscuro"]) .section-header { border-bottom: 3px solid #111111 !important; }
html:not([data-tema="oscuro"]) .section-title { color: #111111 !important; }

html:not([data-tema="oscuro"]) :is(.btn-primary, .btn-outline) { box-shadow: 4px 4px 0 #111111; }

html:not([data-tema="oscuro"]) :is(.product-card, .step-card, .faq-item, .address-card, .tienda-cifras > div,
.zonas-gratis, .zonas-lista, .product-card-oferta) {
    border: 2px solid #111111 !important;
    box-shadow: 4px 4px 0 #111111 !important;
    background: #ffffff !important;
}

html:not([data-tema="oscuro"]) :is(.slider-container, .promo-card, .unico-promo-inner, .calc-promo-inner,
.wholesale-inner, .map-wrapper, .tienda-foto) {
    border: 3px solid #111111;
}

html:not([data-tema="oscuro"]) .oferta-ahora { color: #d31219 !important; }

html:not([data-tema="oscuro"]) .carrito-caja { background: #efece6 !important; }
html:not([data-tema="oscuro"]) .carrito-item {
    background: #ffffff;
    border: 2px solid #111111 !important;
    box-shadow: 3px 3px 0 #111111;
}
html:not([data-tema="oscuro"]) .carrito-item img { border-color: #111111 !important; }
html:not([data-tema="oscuro"]) .carrito-item-info strong { color: #111111 !important; }
html:not([data-tema="oscuro"]) .carrito-item-subtotal { color: #d31219 !important; }
html:not([data-tema="oscuro"]) .carrito-cantidad input { border-color: #111111 !important; }
html:not([data-tema="oscuro"]) .carrito-quitar { border-color: #111111 !important; }
html:not([data-tema="oscuro"]) .carrito-resumen { border-top: 3px solid #111111; }
html:not([data-tema="oscuro"]) .carrito-fila { color: #111111 !important; }
html:not([data-tema="oscuro"]) :is(.btn-carrito-principal, .btn-carrito-whatsapp) { box-shadow: 4px 4px 0 #111111; }
html:not([data-tema="oscuro"]) .carrito-form input:not([type="radio"]):not([type="checkbox"]),
html:not([data-tema="oscuro"]) .carrito-form textarea { border-color: #111111 !important; background: #ffffff; }
html:not([data-tema="oscuro"]) :is(.carrito-form > label, .carrito-tarjeta, .carrito-direccion, .carrito-form legend) { color: #111111 !important; }
html:not([data-tema="oscuro"]) .carrito-tipo label { border-color: #111111 !important; background: #ffffff; }
html:not([data-tema="oscuro"]) .carrito-tipo label:has(input:checked) { border-color: #d31219 !important; background: #fff1f1; box-shadow: 3px 3px 0 #d31219; }

html[data-tema="oscuro"]:root {
    --bg-page: #0e0e0e;
    --surface: #1a1a1a;
    --surface-2: #242424;
    --text-main: #ececec;
    --text-muted: #a3a3a3;
    --border-color: #3a3a3a;
    --shadow-sm: 4px 4px 0 #000000;
    --shadow-md: 6px 6px 0 #000000;
    --texto-azul: #ffd54f;
    --texto-rojo: #ff6b6b;
    --linea-azul: #3a3a3a;
}

html[data-tema="oscuro"] body {
    background-color: #0e0e0e !important;
    background-image:
        repeating-linear-gradient(0deg, transparent 0 39px, rgba(255, 255, 255, 0.03) 39px 40px),
        repeating-linear-gradient(90deg, transparent 0 39px, rgba(255, 255, 255, 0.03) 39px 40px) !important;
}

html[data-tema="oscuro"] body > header :is(.logo-sub, .logo-main) { color: #ffffff !important; }
html[data-tema="oscuro"] body > header { border-bottom-color: #ffc400 !important; }

html[data-tema="oscuro"] .section-header { border-bottom: 3px solid #3a3a3a !important; }
html[data-tema="oscuro"] .section-title { color: #ffffff !important; }

html[data-tema="oscuro"] :is(.btn-primary, .btn-outline) { box-shadow: 4px 4px 0 #000000; }
html[data-tema="oscuro"] :is(.btn-primary, .btn-outline):hover { background: #ffd54f !important; color: #111111 !important; }

html[data-tema="oscuro"] :is(.product-card, .step-card, .faq-item, .address-card, .tienda-cifras > div,
.zonas-gratis, .zonas-lista, .product-card-oferta) {
    border: 2px solid #3a3a3a !important;
    box-shadow: 4px 4px 0 #000000 !important;
    background: #1a1a1a !important;
}
html[data-tema="oscuro"] .faq-item[open] { border-color: #ffc400 !important; }

html[data-tema="oscuro"] :is(.slider-container, .promo-card, .unico-promo-inner, .calc-promo-inner,
.wholesale-inner, .map-wrapper, .tienda-foto) {
    border: 3px solid #3a3a3a;
}
html[data-tema="oscuro"] .calc-promo-inner,
html[data-tema="oscuro"] .unico-promo-inner {
    background: #141414 repeating-linear-gradient(-45deg, #141414 0 30px, #1c1c1c 30px 60px) !important;
}

html[data-tema="oscuro"] .step-number { border-color: #000000; }
html[data-tema="oscuro"] .feature-card { background: #161616 !important; }

html[data-tema="oscuro"] .oferta-ahora { color: #ff6b6b !important; }

html[data-tema="oscuro"] :is(footer, footer.pie) { background: #000000 !important; }

html[data-tema="oscuro"] .carrito-caja { background: #0e0e0e !important; border-left-color: #ffc400; }
html[data-tema="oscuro"] .carrito-item {
    background: #1a1a1a;
    border: 2px solid #3a3a3a !important;
    box-shadow: 3px 3px 0 #000000;
}
html[data-tema="oscuro"] .carrito-item img { border-color: #3a3a3a !important; }
html[data-tema="oscuro"] .carrito-item-subtotal { color: #ff6b6b !important; }
html[data-tema="oscuro"] .carrito-cantidad input,
html[data-tema="oscuro"] .carrito-form input:not([type="radio"]):not([type="checkbox"]),
html[data-tema="oscuro"] .carrito-form textarea { border-color: #3a3a3a !important; }
html[data-tema="oscuro"] .carrito-resumen { border-top: 3px solid #3a3a3a; }
html[data-tema="oscuro"] .carrito-fila { color: #ffd54f !important; }
html[data-tema="oscuro"] :is(.btn-carrito-principal, .btn-carrito-whatsapp) { box-shadow: 4px 4px 0 #000000; }
html[data-tema="oscuro"] .carrito-tipo label { border-color: #3a3a3a !important; background: #1a1a1a; }
html[data-tema="oscuro"] .carrito-tipo label:has(input:checked) { border-color: #ff6b6b !important; }