/* Teide TCG — tema de marca (navy #0D1B2E + oro #E8B84B + azul), sobre el template de ecommerce de Osyris.
   Recolorea vía variables (cascada a todo) + toques de header/hero/footer. La cima del coleccionismo. */
:root{
  --primary:#16305C;            /* azul-navy: botones, precios, pestaña activa, enlaces */
  --primary-light:#E8B84B;      /* oro: hovers y realces */
  --primary-pale:#FFF4D6;       /* oro pálido: badges/fondos suaves */
  --sage:#C8971F; --sage-light:#E8B84B; --sage-pale:#FBF1D5;
  --cream:#FFFFFF; --cream-warm:#F5F7FB; --blush:#EEF2FA;
  --sand:#E3E8F1; --sand-dark:#94A0B8;
  --text-dark:#0D1B2E; --text-body:#33405A; --text-light:#6B7690;
  --rose:var(--primary); --rose-light:var(--primary-light); --rose-pale:var(--primary-pale);
  --shadow:0 4px 20px rgba(13,27,46,.06);
  --shadow-md:0 8px 32px rgba(13,27,46,.10);
  --shadow-lg:0 16px 48px rgba(13,27,46,.14);
}
/* Barra superior de contacto: navy + oro */
.contact-bar{background:#0B1524!important;color:#E8B84B!important}
.contact-bar a{color:#E8B84B!important}
/* Nav: borde inferior dorado sutil */
nav{border-bottom:1px solid rgba(232,184,75,.40)!important}
/* Logo real en el nav (sustituye el SVG genérico por el sello de la marca) */
.nav-logo-icon{width:44px!important;height:44px!important;background:url(/img/brand/teide-logo.jpg) center/cover no-repeat;border-radius:9px;box-shadow:0 2px 8px rgba(13,27,46,.25)}
.nav-logo-icon>*{display:none!important}
.nav-logo-sub{color:#C8971F!important}
.nav-cart:hover svg{color:#C8971F!important}
/* Botones primarios: navy con hover dorado */
.btn-primary{box-shadow:0 4px 16px rgba(13,27,46,.25)!important}
.btn-primary:hover,.prod-card-btn:hover{background:#E8B84B!important;color:#0D1B2E!important;box-shadow:0 8px 24px rgba(232,184,75,.35)!important}
/* Precio: navy fuerte, legible y premium */
.prod-card-price{color:#0D1B2E!important}
.prod-card-old-price{color:#94A0B8;text-decoration:line-through;font-size:.85rem;margin-right:.4rem}
/* Pestañas de categoría activas: navy */
.cat-tab.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}
/* HERO interior -> escaparate navy con el logo y titular en oro */
.internal-hero{background:radial-gradient(circle at 50% -10%,#1B3A6B 0%,#0D1B2E 62%)!important;padding:3.25rem 2rem 3rem!important;position:relative;overflow:hidden}
.internal-hero::before{content:"";display:block;width:132px;height:132px;margin:0 auto 1.1rem;background:url(/img/brand/teide-logo.jpg) center/contain no-repeat;border-radius:22px;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.internal-hero h1{color:#F2C75A!important;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.internal-hero p{color:#C9D6EC!important}
/* Badges/etiquetas: oro pálido + texto navy */
.prod-card-badge{background:var(--primary-pale)!important;color:#8A6A12!important}
/* Etiqueta de categoría en la card */
.prod-card-tag{color:#C8971F!important;font-weight:700;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}
/* Enlaces del footer al pasar: oro */
.footer-social a:hover{background:#C8971F!important}
.footer-col h4{color:#E8B84B!important}
.footer-col a:hover{color:#E8B84B!important}
/* Etiqueta "Agotado" en las cards de producto */
.prod-card-img-wrap{position:relative;display:block}
.oos-badge{position:absolute;top:.5rem;left:.5rem;z-index:2;background:#0D1B2E;color:#E8B84B;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .55rem;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.3)}