/* simple.css — viste con la piel de la v2 las páginas sueltas: ilustración
   gratis, confirmaciones, bonus, código de descuento, encuestas y legales.

   No reescribe la maquetación de cada página: redefine los tokens que ya
   usaban (charcoal, off-white, ocre) con la paleta nueva, y encima añade una
   capa de tipografía y de botones. Se carga DESPUÉS de colors_and_type.css. */

@font-face{font-family:'Alta';
  src:url('fonts/alta-regular.woff2') format('woff2'),
      url('fonts/alta-regular-updated.otf') format('opentype');
  font-weight:normal;font-style:normal;font-display:swap}

:root{
  /* la paleta de la v2 ocupando el sitio de la vieja */
  --color-charcoal:#2A2521;
  --color-off-white:#F4EEE7;
  --color-ochre-beige:#B08D57;
  --fg-primary:#2A2521;
  --bg-primary:#F4EEE7;
  /* y los nombres de la v2, por si la página los usa directamente */
  --paper:#F4EEE7; --paper-2:#ECE4DA; --paper-3:#E3D9CC;
  --ink:#2A2521; --ink-2:#574C43; --ink-3:#8C7E71; --ink-4:#B4A798;
  --olive:#47513C; --olive-dp:#363E2D; --brass:#B08D57; --walnut:#6E4A30;
  --hair:#D9CEC0;
  --f-display:'Alta','Crimson Pro',Georgia,serif;
  --f-body:'Crimson Pro',Georgia,serif;
  --f-sans:'Inter',-apple-system,sans-serif;
  --f-tag:'Jost','Inter',sans-serif;
  /* los nombres viejos de colors_and_type.css, por si la página los usa */
  --font-family-display:'Alta','Crimson Pro',Georgia,serif;
  --font-family-body:'Crimson Pro',Georgia,serif;
  --font-family-sans:'Inter',-apple-system,sans-serif;
}

body{background:var(--paper);color:var(--ink);font-family:var(--f-body)}

h1,h2,h3{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em;color:#2F2C2A}
h1{line-height:1.06}
p{font-family:var(--f-body);font-weight:300;line-height:1.7;color:var(--ink-2)}

/* tarjeta central, como el pop-up */
.card,.wrap{background:var(--paper);border:1px solid var(--hair);box-shadow:0 18px 44px rgba(72,50,32,.10)}
.logo img{opacity:.9}

/* etiquetas pequeñas */
.note,.sub,.desc,.newsletter-label,.code-label,.state-msg{font-family:var(--f-sans);font-weight:300;color:var(--ink-3)}
.back-link{font-family:var(--f-tag);font-size:11px;font-weight:400;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);text-decoration:none}
.back-link:hover{color:var(--ink)}

/* formularios */
input[type="email"],input[type="text"],textarea,select{
  font-family:var(--f-sans);font-size:15px;font-weight:300;color:var(--ink);
  background:#FBF8F4;border:1px solid var(--hair);border-radius:0}
input[type="email"]:focus,input[type="text"]:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--olive);background:#FFFDFA}

/* botones sólidos: oliva, Jost, como en toda la v2.
   OJO: los conmutadores de idioma y de divisa NO son botones sólidos —
   son texto pelado, así que quedan fuera de esta regla. */
button:not(.lang-btn):not(.curr-btn):not(.lang-toggle button),
.download-btn,.cta,.copy-btn{
  font-family:var(--f-tag);font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  border-radius:0;transition:background .3s ease,color .3s ease}
button:not(.copy-btn):not(.lang-btn):not(.curr-btn):not(.lang-toggle button),
.download-btn,.cta{
  background:var(--olive);color:var(--paper);border:0}
button:not(.copy-btn):not(.lang-btn):not(.curr-btn):not(.lang-toggle button):hover,
.download-btn:hover,.cta:hover{
  background:var(--olive-dp);color:var(--paper)}
button:disabled,button:disabled:hover{
  background:var(--paper-3);color:var(--ink-4);cursor:not-allowed}
.copy-btn{background:none;border:1px solid var(--ink);color:var(--ink)}
.copy-btn:hover{background:var(--ink);color:var(--paper)}

/* conmutador de idiomas: las mismas siglas discretas que en el resto de la web */
.lang-switcher{display:inline-flex;align-items:center;gap:.55rem}
.lang-switcher .lang-btn,.lang-btn{
  background:none!important;border:0!important;padding:.2rem .1rem!important;
  font-family:var(--f-tag)!important;font-size:11px!important;font-weight:400!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  color:var(--ink-3)!important;opacity:1!important;line-height:1!important;
  cursor:pointer;border-radius:0!important;
  transition:color .25s ease,border-color .25s ease!important}
.lang-switcher .lang-btn:hover,.lang-btn:hover{color:var(--ink)!important;background:none!important}
.lang-switcher .lang-btn.active,.lang-btn.active{
  color:var(--ink)!important;border-bottom:1px solid var(--brass)!important;
  padding-bottom:.15rem!important;background:none!important}

/* el conmutador de idioma propio de las encuestas, con el mismo aspecto */
.lang-toggle{display:inline-flex;align-items:center;gap:.55rem}
.lang-toggle button{
  background:none;border:0;padding:.2rem .1rem;font-family:var(--f-tag);font-size:11px;
  font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  cursor:pointer;border-radius:0;transition:color .25s ease}
.lang-toggle button:hover{color:var(--ink)}
.lang-toggle button.active{color:var(--ink);border-bottom:1px solid var(--brass);padding-bottom:.15rem}

/* el código de descuento, con el mismo tratamiento que en el pop-up */
.code-box{background:var(--paper-2);border:1px solid var(--brass)}
.code{font-family:var(--f-sans);letter-spacing:.3em;color:var(--ink)}

.form-error{font-family:var(--f-sans);font-size:12.5px;color:var(--walnut)}
.state-title{font-family:var(--f-display);color:#2F2C2A}
.state-text{font-family:var(--f-body);color:var(--ink-2)}