/* Páginas legales de Escudio (aviso legal, privacidad y condiciones). Usa las piezas de estilo.css:
   misma barra, mismo pie, mismas letras y colores; aquí solo la columna de lectura. */

.legal{max-width:820px;margin:0 auto;padding:128px var(--gutter) 64px}
.legal h1{font-family:"Outfit",system-ui,sans-serif;font-size:clamp(36px,6vw,58px);line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:18px 0 10px}
.legal .actualizado{color:var(--tenue);font-size:14.5px}

/* Resumen corto arriba: lo importante en cuatro líneas */
.resumen{margin:30px 0 40px;padding:24px 26px;border-radius:24px;background:var(--cristal);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sombra);position:relative}
.resumen::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(160deg,var(--borde-luz),rgba(255,255,255,.2) 40%,var(--borde));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.resumen h2{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--esmeralda);margin-bottom:12px}
.resumen ul{list-style:none;display:grid;gap:10px}
.resumen li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.resumen li .i{color:var(--esmeralda);margin-top:3px}

/* Texto completo */
.legal section{padding-top:8px}
.legal h2.apartado{font-size:clamp(22px,3vw,27px);line-height:1.2;margin:36px 0 12px}
.legal h3{font-size:18px;margin:22px 0 8px}
.legal p,.legal li{color:var(--suave)}
.legal p+p{margin-top:12px}
.legal strong{color:var(--texto)}
.legal ul.lista,.legal ol.lista{margin:12px 0 0 22px;display:grid;gap:8px}
.legal a{color:var(--turquesa);text-underline-offset:3px}
.legal a:hover{color:var(--esmeralda)}

/* Datos del titular y modelo de desistimiento */
.ficha{margin-top:14px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.7);box-shadow:var(--sombra)}
.ficha dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
.ficha dt{font:700 14px "Outfit";color:var(--tenue)}
.ficha dd{color:var(--texto)}
.ficha+p{margin-top:12px}
.modelo{margin-top:14px;padding:20px 22px;border-radius:18px;border:1px dashed rgba(15,32,58,.2);background:rgba(255,255,255,.55)}
.modelo p{color:var(--texto)}
.modelo .nota{color:var(--tenue);font-size:14.5px}

.volver-inicio{display:inline-flex;align-items:center;gap:8px;margin-top:44px;font:700 15px "Outfit";text-decoration:none}

@media (max-width:620px){
  .legal{padding-top:108px}
  .resumen{padding:20px}
  .ficha dl{grid-template-columns:1fr;gap:2px}
  .ficha dd{margin-bottom:10px}
}