/* Growing · estilo cuaderno para las páginas interiores (15/09/2026).
   Cambia solo la base compartida (colores y letras); no toca textos ni estructura. */
:root{
  --blanco:#F4F0E6; --frio:#EBE6D8; --tinta:#0B1220; --gris:#4A505C; --gris-osc:#9A9484;
  --linea:#D8D1BF; --linea-osc:#2A3140; --noche:#0B1220; --noche2:#141B28;
  --menta:#00B098; --verde:#087B6A; --menta-tenue:#DDF1EB;
  --d:"Newsreader",Georgia,serif; --c:"Newsreader",Georgia,serif; --m:"Schibsted Grotesk",system-ui,sans-serif;
  --bg:#F4F0E6; --fg:#0B1220; --mut:#4A505C; --line:#D8D1BF; --card:#EBE6D8; --mint:#00B098;
}
html,body{background:#F4F0E6}
body{font-family:var(--c);font-size:1.0625rem}
h1,h2,h3,h4{font-family:var(--d);font-weight:600!important;letter-spacing:-.022em!important;font-optical-sizing:auto;text-wrap:balance}
h1{line-height:1.02}
::selection{background:rgba(0,176,152,.35);color:#0B1220}
input,button,select,textarea{font-family:"Schibsted Grotesk",system-ui,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #00B098;outline-offset:3px}

/* Cabeceras de las páginas: papel en lugar de noche con foto */
.cab{background:#F4F0E6!important;color:#0B1220!important;padding-top:clamp(56px,7vw,96px)!important;border-bottom:1px solid #D8D1BF}
.cab.confoto .fondo{display:none!important}
.cab h1{color:#0B1220!important;font-size:clamp(2.4rem,5vw,4rem)!important;line-height:1.03!important}
.cab .entradilla{color:#3A4150!important}
.cab .miga,.cab .miga b,.cab .miga a{color:#087B6A!important}
/* Subrayado de rotulador, igual que en la home */
h1 em,h2 em,h3 em,.cab h1 em{font-style:normal!important;color:inherit!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M3 12 C40 5 90 9 140 6 C165 5 185 7 197 10 L195 31 C170 35 120 31 80 34 C50 36 22 33 5 35 Z' fill='%2300B098' fill-opacity='.55'/%3E%3C/svg%3E") no-repeat 0 86%/100% 46%;
  padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Apúntate: cabecera en papel con el producto, como la home */
.apu{background:#F4F0E6!important;color:#0B1220!important;height:auto!important;display:block!important;padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,80px)!important;border-bottom:1px solid #D8D1BF}
.apu .env{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;align-items:center!important;gap:clamp(24px,4vw,56px)!important}
.apu h1{text-transform:none!important;font-size:clamp(2.5rem,4.8vw,4.2rem)!important;line-height:1.02!important;max-width:14ch!important;color:#0B1220!important}
.apu .entradilla{color:#3A4150!important;font-size:1.15rem!important}
.apu .miga,.apu .miga b{color:#087B6A!important}
.apu .leadform{margin-top:24px}
.apu .lf-row{display:flex;gap:8px;flex-wrap:wrap}
.apu .lf-row input{flex:1 1 220px;min-height:52px;border:1.5px solid #0B1220;background:#FBF9F3;border-radius:4px;padding:0 16px;font:500 1rem "Schibsted Grotesk",system-ui;color:#0B1220}
.apu .lf-row button{min-height:52px;border:0;border-radius:4px;background:#0B1220;color:#F4F0E6;font:600 1rem "Schibsted Grotesk",system-ui;padding:0 24px;cursor:pointer}
.apu .lf-consent,.apu .fine,.apu .condi{color:#3A4150!important}
.apu .condi b{color:#0B1220}
.apu .escena{position:relative;padding:0 6% 7% 0}
.apu .ventana{background:#FBF9F3;border:1px solid #3A4150;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(11,18,32,.45)}
.apu .ventana .barra{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid #3A4150;background:#EBE6D8}
.apu .ventana .barra i{width:10px;height:10px;border-radius:50%;border:1.5px solid #0B1220}
.apu .ventana .barra span{margin-left:10px;font:500 .78rem "Schibsted Grotesk",system-ui;color:#3A4150}
.apu .ventana img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.apu .escena .mv{position:absolute;right:0;bottom:0;width:22%;height:auto;filter:drop-shadow(0 22px 30px rgba(11,18,32,.25))}
@media(max-width:900px){.apu .env{grid-template-columns:1fr!important}.apu .escena{padding-right:0}.apu .escena .mv{width:30%}}
.apu .lf-consent a{color:#0B1220!important;text-decoration:underline}
.apu .escena .mv{height:auto!important;aspect-ratio:408/833;object-fit:contain}

/* Móvil 15/09: zonas de toque de 44 px y letra mínima legible */
a.back,.miga a,a.leer{display:inline-flex;align-items:center;min-height:44px}
.lf-consent{display:flex;gap:10px;align-items:flex-start}
.lf-consent input[type=checkbox]{width:22px;height:22px;min-width:22px;margin:0;accent-color:#087B6A}
.lf-consent a{display:inline-block;padding:10px 0;margin:-10px 0}
.cch-ayuda,.cch-nota{font-size:.9rem!important;line-height:1.5}
@media(max-width:600px){.que-incluye .tab,.tabs .tab,.tab{min-height:44px}}
.lf-consent input[type=checkbox]{width:22px!important;height:22px!important;flex:0 0 22px!important}
.rail-in a{display:inline-flex;align-items:center;min-height:44px}
td a{display:inline-block;padding:12px 0}
.lf-consent a{padding:12px 0!important;margin:-12px 0!important}
a[onclick*="Consent"],button[onclick*="Consent"],.cfg-cookies{display:inline-flex;align-items:center;min-height:44px}

/* Toques de 44 px en todo (15/09) */
.lf-consent{min-height:44px;align-items:center!important}
.lf-consent a{display:inline-flex!important;align-items:center;min-height:44px;padding:0!important;margin:-14px 0!important;vertical-align:middle}
form button,form input[type=email],form input[type=text]:not([name=web]),.btn{min-height:48px}
a.vergu,a.salto{display:inline-flex;align-items:center;min-height:44px}

/* Contraste en ordenador (15/09) */
:root{--verde:#066B5C}
.cl{color:#066B5C!important}
.nw-foto span,.nw-foto{color:#F4F0E6!important}
.meta span{color:#3A4150}

/* Formulario de captación sobre papel (15/09): la base venía pensada para fondo oscuro */
.leadform input[type=email]{background:#FBF9F3!important;border:1.5px solid #0B1220!important;color:#0B1220!important;font-family:"Schibsted Grotesk",system-ui,sans-serif!important;border-radius:4px}
.leadform input[type=email]::placeholder{color:#6B6F78!important}
.leadform input[type=email]:focus{border-color:#087B6A!important}
.leadform button[type=submit]{background:#0B1220!important;color:#F4F0E6!important;font-family:"Schibsted Grotesk",system-ui,sans-serif!important;font-weight:600!important;border-radius:4px}
.leadform button[type=submit]:hover{background:#087B6A!important;box-shadow:none!important}
.lf-consent{color:#3A4150!important}
.lf-consent a{color:#0B1220!important;text-decoration:underline}
.lf-consent input{accent-color:#087B6A!important}
.lf-msg{color:#066B5C!important}
.lf-note,.lf-oferta{color:#3A4150!important}
.lf-oferta b,.lf-note b{color:#066B5C!important}
.lf-modo{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.lf-modo button{min-height:44px;padding:0 16px;border:1.5px solid #D8D1BF;border-radius:999px;background:#FBF9F3;color:#3A4150;font:500 .95rem "Schibsted Grotesk",system-ui,sans-serif;cursor:pointer}
.lf-modo button[aria-pressed="true"]{background:#0B1220;border-color:#0B1220;color:#F4F0E6}
/* Donde el formulario va dentro de una tarjeta oscura, se mantiene claro sobre oscuro */
.gform .leadform input[type=email],.res-in .leadform input[type=email],.result .leadform input[type=email],.guiabox .leadform input[type=email],.cfg-precio .leadform input[type=email]{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
.gform .leadform input[type=email]::placeholder,.res-in .leadform input[type=email]::placeholder,.result .leadform input[type=email]::placeholder,.guiabox .leadform input[type=email]::placeholder{color:#B9B3A3!important}
.gform .leadform button[type=submit],.res-in .leadform button[type=submit],.result .leadform button[type=submit],.guiabox .leadform button[type=submit],.cfg-precio .leadform button[type=submit]{background:#00B098!important;color:#0B1220!important}
.gform .lf-consent,.res-in .lf-consent,.result .lf-consent,.guiabox .lf-consent,.cfg-precio .lf-consent,.gform .lf-note,.res-in .lf-note,.result .lf-note,.guiabox .lf-note{color:#C9C3B3!important}
.gform .lf-consent a,.res-in .lf-consent a,.result .lf-consent a,.guiabox .lf-consent a,.cfg-precio .lf-consent a{color:#F4F0E6!important}
.gform .lf-msg,.res-in .lf-msg,.result .lf-msg,.guiabox .lf-msg{color:#5FD8C2!important}
/* Cierre de las calculadoras */
.cch-guardar{display:block!important;padding-top:clamp(28px,4vw,48px)}
.cch-guardar-h{font:600 clamp(1.8rem,3.2vw,2.6rem)/1.08 "Newsreader",Georgia,serif!important;letter-spacing:-.022em;color:#0B1220!important;max-width:22ch;margin:0}
.cch-guardar-p{margin:12px 0 18px!important;font:500 1rem "Schibsted Grotesk",system-ui,sans-serif!important;color:#3A4150!important;text-align:left!important}
