/* GoLoop Digital · colores 1+ Clara (crema, marino y sol). Capa encima de styles.css, inicio.css y muestra.css. */
:root {
  --ink: #1B2A4A; --ink-2: #22345A; --ink-3: #2D4170;
  --y: #E9B949; --y-soft: #F7EBC6; --accent: #E9B949; --accent-soft: #F7EBC6;
  --bone: #F6F1E7; --mute: #4A5468; --mute-d: #C3CAD8;
  --line: rgba(27, 42, 74, .12);
}
/* Encabezado y portada claros */
.header { background: #F6F1E7; color: #1B2A4A; border-bottom: 1px solid rgba(27, 42, 74, .1); }
.header .nav a, .header .lang .on, .header .burger { color: #1B2A4A; }
.header .lang { border-color: rgba(27, 42, 74, .2); color: #4A5468; }
.header .lang span { color: #4A5468; }
.header .nav__cta, .header .btn--k, .nav .nav__cta { background: #1B2A4A; color: #F6F1E7; }
@media (max-width: 899px) {
  .header .nav { background: #F6F1E7; border-top-color: rgba(27, 42, 74, .12); }
  .header .nav a { border-bottom-color: rgba(27, 42, 74, .12); }
}
.hero { background: #F6F1E7; color: #1B2A4A; }
.hero .eyebrow, .hero__note { color: #4A5468; }
.hero__sub { color: #2A3550; }
.hero .hl { color: #1B2A4A; box-shadow: inset 0 -.16em 0 #E9B949; }
.hero .tlink { color: #1B2A4A; text-decoration-color: #E9B949; }
/* Botón principal: marino sobre claro, sol sobre marino */
.btn--y { background: #1B2A4A; color: #F6F1E7; }
.btn--y:hover { box-shadow: 0 0 0 5px rgba(27, 42, 74, .18); }
.sec--ink .btn--y, .sec--dark .btn--y, .sec--y .btn--y, .price--main .btn--y, .footer .btn--y, .form .btn--y { background: #E9B949; color: #1B2A4A; }
.sec--ink .btn--y:hover, .sec--dark .btn--y:hover, .sec--y .btn--y:hover, .price--main .btn--y:hover, .form .btn--y:hover { box-shadow: 0 0 0 5px rgba(233, 185, 73, .3); }
.header .nav a.nav__cta, .header a.nav__cta { color: #F6F1E7; opacity: 1; }