/* Estilos de las páginas secundarias: formulario, gracias, privacidad, términos y 404.
   1rem = 10 px del diseño de 2560 px; mismo sistema que index.html. */
:root{--crema:#FFF8EC;--tostado:#FBEACD;--tinta:#000;--coral:#FF4B47;--linea:#E8D6B7;--tarjeta:#FFF3DF;--gris:#666159;
  --sombra:.8rem .8rem 2.4rem rgba(0,0,0,.18)}
html{font-size:clamp(6.25px, calc(100vw / 256), 10px);-webkit-text-size-adjust:100%;scroll-padding-top:10rem}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:Poppins,system-ui,sans-serif;font-size:2.33rem;line-height:3.5rem;
  padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit}
img{display:block}
.col{width:102.5rem;margin:0 auto;position:relative;left:-.25rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;background:var(--coral);color:var(--crema);
  font:italic 700 2.4rem/1 Poppins,system-ui,sans-serif;text-transform:uppercase;text-decoration:none;border:0;border-radius:999px;
  box-shadow:var(--sombra);height:6.4rem;padding:0 4rem;cursor:pointer;transition:background-color .15s, transform .15s}
.btn:hover{background:#E83E3A}
.btn:active{transform:translateY(.1rem)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:.3rem solid var(--coral);outline-offset:.3rem}
.btn.secundario{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 max(1px,.2rem) var(--tinta)}
.btn.secundario:hover{background:var(--tostado)}

.top{background:var(--tostado);position:sticky;top:0;z-index:10;box-shadow:0 .3rem 1.6rem rgba(0,0,0,.16);padding-top:env(safe-area-inset-top,0px)}
.top .col{height:7.5rem;display:flex;align-items:center;justify-content:space-between}
.top .marca{margin-left:1rem}.top .marca img{width:30.6rem;height:auto}
.top .volver{font-weight:700;font-size:1.85rem;text-decoration:none;margin-right:1.3rem}
.top .volver:hover{text-decoration:underline}

.pestana{display:inline-block;background:var(--tinta);color:var(--crema);font-style:italic;font-weight:600;font-size:1.91rem;line-height:3.2rem;height:3.2rem;padding:0 .8rem 0 .9rem;text-transform:uppercase;vertical-align:bottom}
.tarjeta{background:var(--tarjeta);border:max(1px,.1rem) solid var(--tinta);box-shadow:var(--sombra)}

h1{font-weight:900;font-size:6.5rem;line-height:6.6rem;margin:0}
h2{font-weight:800;font-size:3.2rem;line-height:4rem;margin:0}
.lead{font-style:italic;font-weight:600;font-size:3.2rem;line-height:4rem;margin:1.6rem 0 0}

.pie{border-top:max(1px,.1rem) solid var(--linea);margin-top:12rem}
.pie .col{display:flex;align-items:flex-start;gap:6rem;padding:5.6rem 0 6rem}
.pie img{width:25rem;height:auto;flex:none}
.pie p{margin:0;font-size:1.63rem;line-height:2.5rem;max-width:62rem}
.pie nav{display:flex;flex-wrap:wrap;gap:1rem 3.2rem;margin-top:1.6rem;font-size:1.63rem;font-weight:600}

/* Documentos legales */
.doc{padding-top:9rem;max-width:80rem}
.doc h2{margin:5.6rem 0 1.6rem}
.doc p,.doc li{margin:0 0 1.6rem}
.doc .aviso-borrador{background:var(--tostado);border-left:.6rem solid var(--coral);padding:2rem 2.4rem;margin:4rem 0 0;font-size:1.9rem;line-height:3rem}
.doc mark{background:#FFE1A8;padding:0 .4rem}

@media (max-width:800px){
  html{font-size:6.8px}
  .col{width:auto;margin:0 2.4rem;left:0}
  .top .marca{margin-left:0}.top .marca img{width:21rem}
  .top .volver{margin-right:0}
  h1{font-size:5.2rem;line-height:5.4rem}
  .pie .col{flex-direction:column;gap:3.2rem}
  .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){ .btn{transition:none} }