/* ==========================================================
   ACER — hoja de estilos
   Concepto: "la sámara" — la semilla alada del arce (acer) que
   viaja lejos y echa raíz donde aterriza. Papel cálido, tinta,
   rojo arce y musgo. Esquinas cortadas en diagonal = "acer": agudo.
   Sin fuentes web: pila de serifas del sistema + system-ui.
   ========================================================== */
:root{
  --papel:#F4EEE3; --papel-2:#EAE1D2; --papel-3:#FBF8F2;
  --tinta:#1F1B17; --tinta-2:#4A423A; --linea:#CFC3AF;
  --arce:#A3391D; --arce-osc:#7E2A14; --musgo:#35513A; --musgo-cl:#DCE5D6; --ocre:#C98A2E;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",P052,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --corte:18px; --r:4px; --ancho:72rem; --g:1rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--papel);color:var(--tinta);font:1rem/1.6 var(--sans);padding-bottom:4rem}
@media (min-width:48rem){body{padding-bottom:0}}
img,svg{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2rem,1.2rem + 4.2vw,3.9rem)}
h2{font-size:clamp(1.55rem,1.1rem + 2vw,2.4rem)}
h3{font-size:1.2rem}
p,ul,ol{margin:0 0 1em}
a{color:var(--arce-osc);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oculto{display:none!important}
.saltar{position:absolute;left:1rem;top:-3rem;background:var(--tinta);color:var(--papel);padding:.7rem 1rem;z-index:100;border-radius:var(--r)}
.saltar:focus{top:.6rem}
main:focus{outline:none}
.ico{flex:none;vertical-align:middle}

.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 var(--g)}
@media (min-width:40rem){:root{--g:1.5rem}}
.seccion{padding:3.5rem 0}
@media (min-width:60rem){.seccion{padding:5rem 0}}
.seccion-osc{background:var(--tinta);color:var(--papel)}
.seccion-osc a{color:var(--papel)}
.seccion-osc :focus-visible{outline-color:var(--papel)}
.seccion-papel2{background:var(--papel-2)}
.seccion-musgo{background:var(--musgo);color:#fff}
.seccion-musgo a{color:#fff}
.seccion-musgo :focus-visible{outline-color:#fff}

/* Etiqueta tipo ficha: "— 01 · ÁREA" */
.etiqueta{font:600 .78rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--arce-osc);display:inline-flex;gap:.6em;align-items:center;margin-bottom:1rem}
.etiqueta::before{content:"";width:2rem;height:2px;background:currentColor}
.seccion-osc .etiqueta,.seccion-musgo .etiqueta{color:var(--ocre)}
.seccion-musgo .etiqueta{color:#F2D29C}
.entradilla{font-size:1.15rem;color:var(--tinta-2);max-width:40rem}
.seccion-osc .entradilla{color:#D9CFC0}
.prosa{max-width:44rem}
.prosa h2{margin-top:2.2rem}
.prosa h3{margin-top:1.6rem}
.prosa li{margin-bottom:.4em}

/* ---------- Botones (≥44px) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.3rem;border:2px solid var(--tinta);background:transparent;color:var(--tinta);font:600 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .15s,color .15s}
.btn:hover{background:var(--tinta);color:var(--papel)}
.btn-pri{background:var(--arce);border-color:var(--arce);color:var(--papel-3)}
.btn-pri:hover{background:var(--arce-osc);border-color:var(--arce-osc);color:#fff}
.btn-claro{border-color:var(--papel);color:var(--papel)}
.btn-claro:hover{background:var(--papel);color:var(--tinta)}
.btn-grande{min-height:54px;padding:.9rem 1.6rem;font-size:1.05rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}

/* ---------- Cabecera ---------- */
.cab{position:sticky;top:0;z-index:40;background:rgba(244,238,227,.96);border-bottom:1px solid var(--linea)}
@supports (backdrop-filter:blur(6px)){.cab{background:rgba(244,238,227,.85);backdrop-filter:blur(6px)}}
.cab-in{max-width:var(--ancho);margin:0 auto;padding:.5rem var(--g);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.marca{display:inline-flex;align-items:center;gap:.6rem;color:var(--tinta);text-decoration:none;min-height:44px;margin-right:auto}
.logo{width:112px;height:auto;display:block}
.marca-sub{font:600 .68rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-2);border-left:1px solid var(--linea);padding-left:.6rem}

.idioma{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;min-width:44px;padding:0 .7rem;border:1.5px solid var(--tinta);color:var(--tinta);text-decoration:none;font-weight:600;font-size:.9rem}
.idioma:hover{background:var(--tinta);color:var(--papel)}
.menu-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;padding:0 .75rem;background:var(--tinta);color:var(--papel);border:0;font:600 .9rem var(--sans);cursor:pointer}
.nav{display:none;flex-basis:100%}
.nav.abierto{display:block}
.nav ul{list-style:none;margin:0;padding:.5rem 0 .75rem}
.nav a{display:flex;align-items:center;gap:.4rem;min-height:48px;padding:0 .25rem;color:var(--tinta);text-decoration:none;font-weight:600;border-bottom:1px solid var(--linea)}
.nav a[aria-current="page"]{color:var(--arce-osc);box-shadow:inset 4px 0 0 var(--arce);padding-left:.8rem}
@media (min-width:62rem){
  .cab-in{flex-wrap:nowrap;gap:1rem}
  .logo{width:124px}
  .menu-btn{display:none}
  .nav{display:block!important;flex-basis:auto;order:2}
  .nav ul{display:flex;gap:.25rem;padding:0;align-items:center}
  .nav a{border:0;padding:0 .7rem;font-size:.95rem}
  .nav a:hover{color:var(--arce-osc)}
  .nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--arce);padding-left:.7rem}
  .nav-tel a{border:1.5px solid var(--tinta)!important;margin-left:.4rem}
  .idioma{order:3}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:2.5rem 0 3rem;border-bottom:1px solid var(--linea)}
.hero-vuelo{position:absolute;right:-6rem;top:-2rem;width:26rem;opacity:.16;pointer-events:none}
@media (min-width:60rem){.hero-vuelo{right:-2rem;top:-1rem;width:38rem;opacity:.22}}
.hero-grid{position:relative;display:grid;gap:2rem}
.hero h1{max-width:15ch}
.hero h1 em{font-style:italic;color:var(--arce)}
.hero .entradilla{margin-bottom:1.5rem}
.hero-ficha{background:var(--papel-3);border:1.5px solid var(--tinta);clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%);padding:1.25rem}
.hero-ficha h2{font-size:1rem;font:600 .78rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:.75rem}
.hero-area{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:1rem 0;border-top:1px solid var(--linea);color:var(--tinta);text-decoration:none;min-height:56px}
.hero-area:first-of-type{border-top:0}
.hero-area strong{display:block;font:600 1.3rem/1.2 var(--serif)}
.hero-area span{display:block;font-size:.92rem;color:var(--tinta-2)}
.hero-area .hero-num{font:700 .8rem var(--mono);color:var(--arce);border:1.5px solid var(--arce);width:2.4rem;height:2.4rem;display:grid;place-items:center}
.hero-area:hover strong{color:var(--arce-osc);text-decoration:underline}
@media (min-width:60rem){
  .hero{padding:4.5rem 0 5rem}
  .hero-grid{grid-template-columns:1.45fr 1fr;align-items:end;gap:3.5rem}
}

/* Cinta de garantías bajo el hero */
.cinta{background:var(--tinta);color:var(--papel)}
.cinta ul{list-style:none;margin:0 auto;max-width:var(--ancho);padding:.9rem var(--g);display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;font:600 .85rem/1.4 var(--mono);letter-spacing:.04em}
.cinta li{display:flex;align-items:center;gap:.45rem}
.cinta .ico{color:var(--ocre)}

/* ---------- Tarjetas con esquina cortada ---------- */
.rejilla{display:grid;gap:1rem}
@media (min-width:40rem){.rejilla-2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:60rem){.rejilla-3{grid-template-columns:repeat(3,1fr)}.rejilla-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:40rem) and (max-width:59.99rem){.rejilla-3,.rejilla-4{grid-template-columns:repeat(2,1fr)}}
.ficha{position:relative;background:var(--papel-3);border:1px solid var(--linea);padding:1.4rem 1.25rem 1.25rem;clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%)}
.ficha::after{content:"";position:absolute;top:0;right:0;width:var(--corte);height:var(--corte);background:linear-gradient(225deg,transparent 50%,var(--linea) 50%)}
.ficha h3{display:flex;gap:.6rem;align-items:flex-start}
.ficha h3 .ico{color:var(--arce);margin-top:.1rem}
.ficha p:last-child,.ficha ul:last-child{margin-bottom:0}
.seccion-papel2 .ficha{background:var(--papel)}
.seccion-osc .ficha{background:#2A251F;border-color:#4A423A;color:var(--papel)}
.seccion-osc .ficha::after{background:linear-gradient(225deg,transparent 50%,#4A423A 50%)}
.seccion-osc .ficha h3 .ico{color:var(--ocre)}

/* Pasos numerados (ruta de vuelo) */
.pasos{list-style:none;margin:0;padding:0;counter-reset:p;display:grid;gap:0}
.pasos li{counter-increment:p;position:relative;padding:0 0 1.75rem 3.6rem}
.pasos li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:0;width:2.6rem;height:2.6rem;display:grid;place-items:center;font:700 .85rem var(--mono);background:var(--arce);color:var(--papel-3)}
.pasos li::after{content:"";position:absolute;left:1.25rem;top:2.9rem;bottom:.3rem;border-left:2px dashed var(--linea)}
.pasos li:last-child::after{display:none}
.pasos h3{margin:.35rem 0 .35rem;font-size:1.15rem}
.pasos p{margin:0;color:var(--tinta-2)}
.seccion-osc .pasos p{color:#D9CFC0}
.seccion-osc .pasos li::after{border-color:#4A423A}
@media (min-width:60rem){
  .pasos-h{grid-template-columns:repeat(4,1fr);gap:1.5rem}
  .pasos-h li{padding:3.6rem 0 0}
  .pasos-h li::after{left:3rem;right:-1rem;top:1.25rem;bottom:auto;border-left:0;border-top:2px dashed var(--linea)}
  .seccion-osc .pasos-h li::after{border-color:#4A423A}
}

/* Dos columnas texto + aparte */
.dos{display:grid;gap:2rem}
@media (min-width:60rem){.dos{grid-template-columns:1.3fr 1fr;gap:4rem;align-items:start}.dos-inv{grid-template-columns:1fr 1.3fr}}

/* Avisos */
.aviso{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border-left:5px solid var(--arce);background:var(--papel-3);margin:1.5rem 0}
.aviso .ico{color:var(--arce);margin-top:.15rem}
.aviso p:last-child{margin:0}
.aviso-musgo{border-color:var(--musgo);background:var(--musgo-cl)}
.aviso-musgo .ico{color:var(--musgo)}

/* Bloque verificación */
.verifica{border:2px solid var(--tinta);background:var(--papel-3);padding:1.5rem 1.25rem;clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%)}
.verifica h2{display:flex;gap:.6rem;align-items:center;font-size:clamp(1.35rem,1rem + 1.4vw,1.9rem)}
.verifica h2 .ico{color:var(--musgo)}
.lista-check{list-style:none;padding:0;margin:0 0 1rem}
.lista-check li{position:relative;padding:.55rem 0 .55rem 2rem;border-top:1px solid var(--linea)}
.lista-check li:first-child{border-top:0}
.lista-check li::before{content:"";position:absolute;left:.15rem;top:.95rem;width:.85rem;height:.45rem;border-left:2.5px solid var(--musgo);border-bottom:2.5px solid var(--musgo);transform:rotate(-45deg)}
.lista-x li::before{border:0;width:auto;height:auto;transform:none;content:"✕";color:var(--arce);font-weight:700;top:.5rem;left:.25rem}

/* Cabecera de página interior */
.cab-pag{padding:2.5rem 0 2rem;border-bottom:1px solid var(--linea);position:relative;overflow:hidden}
.cab-pag .entradilla{margin:0}
.cab-pag h1{max-width:22ch}
@media (min-width:60rem){.cab-pag{padding:4rem 0 3rem}}
.miga{font-size:.9rem;margin-bottom:1rem}
.miga a{color:var(--tinta-2)}

/* Índice interno */
.indice{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.5rem 0 0}
.indice a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border:1.5px solid var(--linea);color:var(--tinta);text-decoration:none;font-size:.92rem;font-weight:600;background:var(--papel-3)}
.indice a:hover{border-color:var(--tinta)}

/* ---------- Tablas de precios ---------- */
.precio{background:var(--papel-3);border:1.5px solid var(--tinta);margin-bottom:1.25rem;clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%)}
.precio-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;align-items:baseline;padding:1.1rem 1.25rem;border-bottom:1px solid var(--linea)}
.precio-cab h3{margin:0;font-size:1.25rem}
.precio-imp{font:700 1.15rem var(--mono);color:var(--arce-osc)}
.precio-imp small{font:400 .8rem var(--sans);color:var(--tinta-2);display:block;text-align:right}
.precio-cuerpo{display:grid;gap:1rem;padding:1.1rem 1.25rem}
@media (min-width:48rem){.precio-cuerpo{grid-template-columns:repeat(3,1fr)}}
.precio-cuerpo h4{font:600 .75rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;color:var(--tinta-2)}
.precio-cuerpo ul{padding-left:1.1rem;margin:0;font-size:.95rem}
.precio-cuerpo li{margin-bottom:.3rem}
.precio-pie{padding:.8rem 1.25rem;background:var(--papel-2);font-size:.92rem;display:flex;flex-wrap:wrap;gap:.3rem 1.5rem}

.tabla-env{overflow-x:auto;margin:1rem 0 1.5rem;border:1px solid var(--linea)}
table{border-collapse:collapse;width:100%;min-width:30rem;background:var(--papel-3);font-size:.95rem}
th,td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--linea);vertical-align:top}
thead th{background:var(--papel-2);font:600 .78rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}
caption{text-align:left;padding:.6rem .85rem;font-weight:600}

/* Equipo */
.persona{border-top:3px solid var(--arce);padding-top:1rem}
.persona h3{margin-bottom:.2rem}
.persona .cargo{font:600 .8rem var(--mono);color:var(--tinta-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}

/* Bloque "nombre" con imagen */
.nombre-fig{margin:0;border:1.5px solid var(--tinta);background:var(--papel-3)}
.nombre-fig img{display:block;width:100%;height:auto}
.nombre-fig figcaption{font-size:.85rem;padding:.6rem .8rem;color:var(--tinta-2);border-top:1px solid var(--linea)}
.cita-latina{font:italic 600 clamp(1.4rem,1rem + 2vw,2.2rem)/1.25 var(--serif);border-left:4px solid var(--arce);padding-left:1rem;margin:0 0 1.25rem}

/* Banda llamada a la acción */
.cta{display:grid;gap:1.5rem;align-items:center}
@media (min-width:60rem){.cta{grid-template-columns:1.6fr auto}}
.cta h2{margin-bottom:.4rem}
.cta p{margin:0}

/* ---------- Formulario ---------- */
.form{display:grid;gap:1.1rem}
.f-fila{display:grid;gap:1.1rem}
@media (min-width:40rem){.f-fila{grid-template-columns:1fr 1fr}}
.f-campo{display:grid;gap:.35rem}
.form label,.form legend{font-weight:600}
.f-req{color:var(--arce-osc)}
.f-opc{font-weight:400;color:var(--tinta-2);font-size:.9rem}
.form input[type=text],.form input[type=email],.form input[type=tel],.form input[type=date],.form select,.form textarea{width:100%;min-height:48px;padding:.65rem .8rem;font:1rem/1.4 var(--sans);color:var(--tinta);background:var(--papel-3);border:1.5px solid #6B6157;border-radius:0}
.form textarea{resize:vertical;min-height:9rem}
.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta) 50%),linear-gradient(135deg,var(--tinta) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.2rem}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid var(--tinta);outline-offset:1px;border-color:var(--tinta)}
.form [aria-invalid="true"]{border-color:#B3261E;border-width:2px}
.f-err{color:#9C1F17;font-size:.92rem;font-weight:600;margin:0}
.f-ayuda{font-size:.88rem;color:var(--tinta-2);margin:0}
.f-ra{border:1.5px dashed var(--linea);padding:1rem;margin:0;display:grid;gap:1rem;background:var(--papel)}
.f-ra legend{padding:0 .4rem;font-size:.95rem}
.f-radios{border:0;padding:0;margin:0;display:grid;gap:.25rem}
.f-radios label{display:flex;align-items:center;gap:.6rem;min-height:44px;font-weight:400}
.f-radios input,.f-check input{width:24px;height:24px;accent-color:var(--arce);flex:none}
.f-check{grid-template-columns:auto 1fr;align-items:start;gap:.7rem}
.f-check label{font-weight:400;padding-top:.05rem}
.f-check .f-err{grid-column:1/-1}
.f-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-estado:focus{outline:none}
.f-aviso{display:flex;gap:.7rem;padding:1rem 1.1rem;font-weight:600;margin:0 0 1rem}
.f-aviso-ok{background:var(--musgo-cl);border-left:5px solid var(--musgo);color:#1E3322}
.f-aviso-err{background:#F8E3DE;border-left:5px solid #B3261E;color:#6E1610}
.form button[disabled]{opacity:.7;cursor:wait}
.caja-form{background:var(--papel-3);border:1.5px solid var(--tinta);padding:1.25rem;clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%)}
@media (min-width:40rem){.caja-form{padding:2rem}}
.datos-contacto{list-style:none;padding:0;margin:0 0 1.5rem}
.datos-contacto li{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem 0;border-top:1px solid var(--linea)}
.datos-contacto .ico{color:var(--arce);margin-top:.15rem}

/* ---------- Pie ---------- */
.pie{background:var(--tinta);color:#E9E1D4;font-size:.93rem;margin-top:0}
.pie a{color:#fff}
.pie :focus-visible{outline-color:var(--papel)}
.pie-in{max-width:var(--ancho);margin:0 auto;padding:3rem var(--g) 1.5rem;display:grid;gap:2rem}
@media (min-width:48rem){.pie-in{grid-template-columns:1fr 1fr}}
@media (min-width:72rem){.pie-in{grid-template-columns:1.2fr 1.1fr 1fr .8fr}}
.logo-claro{color:var(--papel);width:130px}
.pie-lema{font:italic 1.1rem var(--serif);margin:.6rem 0 1rem}
.pie-h{font:600 .75rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ocre);margin-bottom:.8rem}
.pie-contacto,.pie-nav ul{list-style:none;padding:0;margin:0}
.pie-contacto li{display:flex;gap:.55rem;padding:.3rem 0;align-items:flex-start}
.pie-contacto .ico{color:var(--ocre);margin-top:.2rem}
.pie-nav a{display:inline-flex;align-items:center;min-height:44px}
.pie-peq{font-size:.85rem;color:#C9BFB0}
.pie-aviso{max-width:var(--ancho);margin:0 auto;padding:1.25rem var(--g) 1.5rem;border-top:1px solid #3A332C;font-size:.83rem;color:#C9BFB0}
.sra-badge{max-width:275px;margin-bottom:.6rem;background:#fff;border-radius:2px}
.sra-badge-marco{max-width:275px;max-height:163px}
.sra-badge-ratio{position:relative;padding-bottom:59.1%;height:auto;overflow:hidden}
.sra-badge-ratio iframe{border:0;margin:0;padding:0;background:transparent;position:absolute;top:0;left:0;width:100%;height:100%}

/* ---------- Barra fija móvil ---------- */
.barra-movil{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tinta);box-shadow:0 -4px 14px rgba(31,27,23,.12)}
.barra-movil a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;font-weight:700;text-decoration:none;padding-bottom:env(safe-area-inset-bottom)}
.bm-tel{background:var(--arce);color:var(--papel-3)}
.bm-wa{background:var(--musgo);color:#fff}
.barra-movil :focus-visible{outline-color:#fff;outline-offset:-5px}
@media (min-width:48rem){.barra-movil{display:none}}

/* ---------- Banner de cookies ---------- */
.ck{position:fixed;z-index:60;left:.5rem;right:.5rem;bottom:.5rem;max-width:36rem;margin-left:auto;background:var(--papel-3);border:2px solid var(--tinta);box-shadow:0 10px 30px rgba(31,27,23,.25);max-height:calc(100vh - 1rem);overflow:auto}
@media (min-width:48rem){.ck{right:1rem;bottom:1rem;left:auto}}
.ck-in{padding:1.1rem 1.1rem 1.2rem}
.ck-t{font-size:1.25rem;margin-bottom:.4rem}
.ck p{font-size:.93rem;margin-bottom:.9rem}
.ck-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
@media (max-width:22rem){.ck-btns{grid-template-columns:1fr}}
.btn-ck{width:100%;padding:.6rem .5rem;font-size:.95rem;background:var(--papel-3);border-color:var(--tinta);color:var(--tinta);clip-path:none}
.btn-ck:hover{background:var(--tinta);color:var(--papel)}
.ck-panel{border:0;padding:0;margin:0 0 .9rem;display:grid;gap:.4rem}
.ck-panel[hidden]{display:none}
.ck-op{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;padding:.4rem 0;border-top:1px solid var(--linea)}
.ck-op input{width:24px;height:24px;margin-top:.1rem;accent-color:var(--arce);flex:none}
.prefs{display:grid;gap:.4rem;max-width:36rem}

/* 404 */
.p-404 .hero h1{max-width:18ch}

@media print{.cab,.barra-movil,.ck,.hero-vuelo{display:none!important}body{background:#fff}}

/* Cabecera en pantallas muy estrechas (320–383px): todo en una fila */
@media (max-width:23.99rem){
  .logo{width:92px}
  .marca-sub{display:none}
  .menu-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .idioma{padding:0 .55rem}
}