/* Estilos base y transiciones suaves */
        html { scroll-behavior: auto; }
        body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; background-color: #f8fafc; }

        /* Utilidad para las "páginas" */
        .page-view { display: none; opacity: 0; transition: opacity 0.4s ease-in-out; }
        .page-view.active { display: block; opacity: 1; }

        /* Reveal Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }

        /* Botones adaptados a Amarillo y Negro */
        .btn-primary { display: inline-flex; align-items: center; justify-content: center; background-color: #FFC500; color: #000000; font-weight: 700; padding: 0.75rem 2rem; border-radius: 0.375rem; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; }
        .btn-primary:hover { background-color: #e5b100; }
        .btn-primary:active { transform: scale(0.98); }
        
        .btn-outline { display: inline-flex; align-items: center; justify-content: center; border: 2px solid #000000; color: #000000; font-weight: 700; padding: 0.75rem 2rem; border-radius: 0.375rem; transition: all 0.2s ease; white-space: nowrap; background-color: transparent; }
        .btn-outline:hover { background-color: #000000; color: #FFC500; }

        /* Custom scrollbar y selección (Amarillo y Negro) */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #FFC500; border-radius: 4px; border: 1px solid #e5b100; }
        ::-webkit-scrollbar-thumb:hover { background: #000000; }
        ::selection { background: #FFC500; color: #000000; }

        /* Navbar Sticky Transition */
        header { transition: padding 0.3s ease, box-shadow 0.3s ease; }
        header.scrolled { padding-top: 0.25rem; padding-bottom: 0.25rem; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }

        /* Ticker Marcas */
        .brands-ticker { display: flex; width: max-content; animation: ticker 35s linear infinite; }
        @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* Patrón de fondo geométrico sutil */
        .bg-pattern { background-image: radial-gradient(#cbd5e1 1px, transparent 1px); background-size: 32px 32px; }

        /* Estilos para el Nuevo Header Geométrico E-commerce */
        @media (min-width: 768px) {
            .clip-slant-right { clip-path: polygon(0 0, 100% 0, calc(100% - 35px) 100%, 0 100%); }
            .clip-slant-left { clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%); }
            .clip-search { clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 100%, 0 100%); }
        }
        @media (max-width: 767px) {
            .clip-slant-right { clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); }
            .clip-slant-left { clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%); }
            .clip-search { clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 100%, 0 100%); }
        }
body{font-family:var(--tc-font);font-size:var(--tc-base-size);font-weight:var(--tc-base-weight);background:var(--tc-body-bg);color:var(--tc-body-text)}
.page-view{display:block;opacity:1}.custom-logo-link img{height:70px;width:auto}.tc-primary-menu{display:flex;gap:.5rem}.tc-primary-menu a{font-size:13px;text-transform:uppercase;letter-spacing:.025em;padding:.5rem .75rem;font-weight:700;border-radius:.25rem}.tc-primary-menu a:hover,.tc-primary-menu .current-menu-item>a{background:var(--tc-yellow);color:var(--tc-black)}
@media(max-width:1023px){.tc-primary-menu{display:block}.tc-primary-menu a{display:block;padding:.75rem}.tc-hero{height:650px}.tc-hero-title{font-size:min(10vw,36px)}}

/* FIX 1.0.1 — fidelidad visual dentro de WordPress */
html,body{margin:0;padding:0;min-height:100%}body{overflow-x:hidden}
.tc-site-footer,.tc-cta,.tc-search-strip,.tc-top-dark{background:#000;color:#fff}
.tc-brands-strip{background:#FFC500;color:#000}
.tc-hero{position:relative;isolation:isolate;background:#000}
.tc-hero-media{z-index:0}.tc-hero-overlay{z-index:1}.tc-hero-gradient{z-index:2}.tc-hero>div.relative{z-index:20}
.tc-value-icon{background:#000;color:#FFC500}
.tc-site-footer{border-top-color:#1e293b}.tc-site-footer .border-t{border-color:#1e293b}
.tc-site-footer ul{margin:0;padding:0;list-style:none}
.tc-primary-menu{margin:0;padding:0;list-style:none}
.tc-primary-menu li{margin:0}
.tc-primary-menu a{text-decoration:none;color:#1e293b}
.tc-site-footer a{text-decoration:none}
.tc-cta .btn-primary{color:#000!important}
@media(min-width:1024px){.tc-primary-menu{align-items:center}}