/* COLORES DE GPA: cambia estos valores para definir el diseño definitivo.
   Los escenarios del selector son solo una herramienta de vista previa. */
:root {
  --fondo-principal: #eff7df;
  --fondo-secciones: #f6faef;
  --fondo-formulario: #edf5df;
  --color-boton: #dbf58b;
  --color-boton-hover: #c8e777;
  --texto-boton: #081e33;
  --texto-principal: #081e33;
  --texto-secundario: #46564c;
  --color-detalle: #315439;
  --fondo-tarjeta: #ffffff;
}
html[data-palette="lima"] {
  --fondo-principal: #dbf58b;
  --fondo-secciones: #f2f8e4;
  --fondo-formulario: #eaf4d6;
  --color-boton: #d0ec82;
  --color-boton-hover: #bddc69;
}
html[data-palette="azul"] {
  --fondo-principal: #edf8fc;
  --fondo-secciones: #f7f9fc;
  --fondo-formulario: #f0f6fa;
  --color-boton: #081e33;
  --color-boton-hover: #173b58;
  --texto-boton: #ffffff;
  --texto-secundario: #526376;
  --color-detalle: #294f6b;
}
html[data-palette="oscuro"] {
  color-scheme: dark;
  --fondo-principal: #0b2239;
  --fondo-secciones: #102b45;
  --fondo-formulario: #142f49;
  --fondo-tarjeta: #1b3953;
  --color-boton: #c9e8ff;
  --color-boton-hover: #a7d9fc;
  --texto-boton: #081e33;
  --texto-principal: #f4f8fc;
  --texto-secundario: #c1d0df;
  --color-detalle: #a9dcff;
  --paper: #081b2e;
  --ink: #f4f8fc;
  --muted: #c1d0df;
  --soft: #102b45;
  --line: #39516a;
  --accent: #a9dcff;
}
/* Identidad del logo: blanco, azul marino y rojo vino como acento. */
html[data-palette="logo"] {
  --fondo-principal: #ffffff;
  --fondo-secciones: #f4f5f6;
  --fondo-formulario: #f4f5f6;
  --fondo-tarjeta: #f4f5f6;
  --color-boton: #941b28;
  --color-boton-hover: #751520;
  --texto-boton: #ffffff;
  --texto-principal: #081e33;
  --texto-secundario: #52606b;
  --color-detalle: #941b28;
  --paper: #ffffff;
  --ink: #081e33;
  --muted: #52606b;
  --soft: #f4f5f6;
  --line: #dce0e3;
  --accent: #941b28;
}
html[data-palette="logo"] .product-tile.featured{background:#081e33;color:#ffffff}
html[data-palette="logo"] .product-tile.featured:hover{background:#16364e}
html[data-palette="logo"] .featured .tile-kicker,
html[data-palette="logo"] .featured .tile-action{color:#dce4eb}
html[data-palette="logo"] .step-number{background:#081e33;color:#ffffff}
html[data-palette="logo"] .ally-name{color:#081e33}
html[data-palette="logo"] .mini-note{border-color:#941b28}
html[data-palette="logo"] .gpa-hero a:focus-visible{outline-color:#941b28}
body{color:var(--texto-principal)}
.gpa-hero,.closing{background:var(--fondo-principal)}
.gpa-process,.process,.legal-note,.preview-note{background:var(--fondo-secciones)}
.contact{background:var(--fondo-formulario)}
.product-tile{background:var(--fondo-tarjeta)}
.product-tile:hover{background:var(--fondo-secciones)}
.button,.button.small,.button.outline,.lead-form .button,.mobile-actions a,.mobile-actions a:last-child,.menu-toggle{
 background:var(--color-boton);color:var(--texto-boton);border:0!important;
}
.button:hover,.button.outline:hover,.lead-form .button:hover,.mobile-actions a:hover,.menu-toggle:hover{background:var(--color-boton-hover);color:var(--texto-boton)}
.gpa-hero h1 span,.landing-hero h1 em,.whatsapp-link,.human-link{color:var(--color-detalle)}
.gpa-intro,.hero-caption,.tile-action,.tile-kicker,.eyebrow,.allies-intro,.contact-status,.contact .form-hint,.contact .eyebrow,.landing-hero .intro,.gpa-support p:not(.eyebrow){color:var(--texto-secundario)}
.step-number,.contact .preview-form-note{background:var(--fondo-principal);color:var(--texto-principal)}
:focus-visible{outline-color:var(--color-detalle)}

/* Ajustes de superficies que antes tenían colores fijos. El logo original
   conserva su soporte blanco para mantener su identidad y legibilidad. */
html[data-palette="oscuro"] .contact{color:var(--texto-principal)}
html[data-palette="oscuro"] .ally-name,
html[data-palette="oscuro"] .allies-pending,
html[data-palette="oscuro"] .preview-note,
html[data-palette="oscuro"] .lead-form .consent{color:var(--texto-secundario)}
html[data-palette="oscuro"] .lead-form input,
html[data-palette="oscuro"] .lead-form textarea,
html[data-palette="oscuro"] .lead-form select{background:#0b2239;color:var(--texto-principal);border-color:var(--line)}
html[data-palette="oscuro"] .lead-form input::placeholder,
html[data-palette="oscuro"] .lead-form textarea::placeholder{color:#aabed0;opacity:1}
html[data-palette="oscuro"] .lead-form fieldset,
html[data-palette="oscuro"] .footer{border-color:var(--line)}
html[data-palette="oscuro"] .whatsapp-option a{color:var(--color-detalle)}
html[data-palette="oscuro"] .mobile-actions{background:var(--paper)}
html[data-palette="oscuro"] .palette-preview{background:var(--paper);color:var(--texto-principal)}
html[data-palette="oscuro"] .palette-preview select{background:var(--fondo-tarjeta);color:var(--texto-principal)}
html[data-palette="oscuro"] .palette-preview span{color:var(--texto-secundario)}
html[data-palette="oscuro"] .skip{background:var(--fondo-tarjeta);color:var(--texto-principal)}
html[data-palette="oscuro"] .gpa-hero a:focus-visible{outline-color:var(--color-detalle)}