/* ============================================================ XPLORA · Paleta Cobre Premium (Yakarta) Capa global que reviste TODO el sitio con la identidad del deck de Yakarta: negro, blanco y cobre. Se carga al final, así que gana sobre los acentos turquesa/teal que cada página define en su propio . Un solo archivo restilea el sitio entero. ============================================================ */ :root{ /* Cobre — el mismo del deck de Yakarta y del logo nuevo */ --cobre:#b06a3c; --cobre-br:#c67f47; --cobre-lt:#d79763; --cobre-dp:#8a4f2a; /* Remapeo de los acentos viejos: todo lo turquesa pasa a cobre */ --accent-turquoise:#b06a3c !important; --accent-teal:#8a4f2a !important; --accent-gold:#c67f47 !important; --accent-silver:#d79763 !important; --accent-blue:#b06a3c !important; --accent-green:#8a4f2a !important; --accent-turquoise-light:#d79763 !important; } /* Badge "¡Nuevo!" del menú: de celeste a cobre */ .nav-badge{ background:var(--cobre) !important; } /* Enlaces y hovers de navegación al cobre */ .nav-link:hover,.mobile-nav-link:hover,.dropdown-item:hover,.footer-link:hover{ color:var(--cobre) !important; } /* Botones primarios: gradientes turquesa -> cobre sólido premium */ .btn-primary,.cta-button,.hero-cta,button.primary,.btn-cta{ background:var(--cobre) !important; border-color:var(--cobre) !important; color:#fff !important; } .btn-primary:hover,.cta-button:hover,.hero-cta:hover{ background:var(--cobre-dp) !important; } /* Cualquier fondo que venía turquesa/teal/gold, al cobre */ [style*="20B2AA"],[style*="008B8B"],[style*="5DBBA3"]{ } /* Detalles finos: subrayados, bordes de acento, íconos */ .section-badge,.project-badge,.eyebrow,.badge{ color:var(--cobre) !important; } .section-badge{ border-color:var(--cobre-lt) !important; } ::selection{ background:var(--cobre); color:#fff; } ::-moz-selection{ background:var(--cobre); color:#fff; } /* Barra de scroll fina en cobre (toque premium, navegadores webkit) */ html{ scrollbar-color:var(--cobre) transparent; } ::-webkit-scrollbar{ width:10px; height:10px; } ::-webkit-scrollbar-thumb{ background:var(--cobre); border-radius:6px; } ::-webkit-scrollbar-track{ background:transparent; } /* Logo nuevo: tamaño y aire premium en el header */ .header .logo img{ height:44px !important; width:auto !important; } @media(max-width:640px){ .header .logo img{ height:36px !important; } } /* Franja superior de acento (hairline cobre bajo el header fijo) */ .header{ border-bottom:1px solid rgba(176,106,60,.18) !important; }