/* CSS para las páginas legales (Aviso legal, Política de privacidad y Política de cookies */
/* Realizado por Francisco José Ponce */
/* Octubre de 2026 */
.hero--legal::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5M10 12h6M10 15.5h6M10 19h4'/%3E%3C/svg%3E")}
.hero__fecha{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.92rem;color:#aeb9cc}
.hero__fecha .ico{color:#7c9cff}
.legal{display:grid;grid-template-columns:260px minmax(0,1fr);gap:3rem;align-items:start}
.legal__indice{position:sticky;top:96px;background:var(--gris);border:1px solid var(--borde);border-radius:var(--radio);padding:1.3rem 1.2rem}
.legal__indice-titulo{margin:0 0 .7rem;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.legal__indice ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;counter-reset:ind}
.legal__indice li{counter-increment:ind}
.legal__indice a{display:flex;gap:.6rem;padding:.4rem .55rem;border-radius:8px;font-size:.95rem;line-height:1.35;color:var(--texto);text-decoration:none}
.legal__indice a::before{content:counter(ind);flex:none;min-width:1.2em;font-weight:800;color:var(--acento)}
.legal__indice a:hover{background:#fff;color:var(--tinta)}
.legal__texto{max-width:760px;counter-reset:sec}
.legal__texto section{scroll-margin-top:96px;padding:20px 0;border-top:1px solid var(--borde)}
.legal__texto section:first-child{padding-top:0;border-top:0}
.legal__texto h2{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;margin:0 0 1rem}
.legal__texto h2::before{counter-increment:sec;content:counter(sec);display:grid;place-items:center;flex:none;width:2.1rem;height:2.1rem;border-radius:10px;background:#eef2ff;color:var(--acento-osc);font-size:1rem;font-weight:800}
.legal__texto h3{font-size:1.05rem;margin:1.4rem 0 .5rem}
.legal__texto ul{margin:0 0 1em;padding-left:1.2rem}
.legal__texto li{margin-bottom:.45rem}
.legal__texto li::marker{color:var(--acento)}
.legal__ficha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.2rem 0 0;padding:0;background:var(--borde);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.legal__ficha div{background:#fff;padding:1rem 1.2rem}
.legal__ficha .legal__ficha-ancho{grid-column:1/-1}
.legal__ficha dt{margin:0 0 .2rem;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--suave)}
.legal__ficha dd{margin:0;color:var(--tinta);font-weight:600;overflow-wrap:anywhere}
.legal__nota{margin-top:0px;padding:20px;border:1px solid #c9d6ff;border-radius:var(--radio);background:#f3f6ff}
.legal__nota p:last-child{margin-bottom:0}
.legal__relacionadas{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none}
.legal__relacionadas a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:1px solid var(--borde);border-radius:999px;background:#fff;font-size:.95rem;font-weight:600;text-decoration:none}
.legal__relacionadas a:hover{border-color:var(--acento)}
@media (max-width:960px){
.legal{grid-template-columns:1fr;gap:2rem}
.legal__indice{position:static}
}
@media (max-width:560px){
.legal__ficha{grid-template-columns:1fr}
}
.legal__tabla{width:100%;border-collapse:separate;border-spacing:0;margin:1.2rem 0 1rem;font-size:.97rem;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.legal__tabla caption{text-align:left;font-weight:700;color:var(--tinta);margin-bottom:.6rem}
.legal__tabla th,.legal__tabla td{padding:.85rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--borde)}
.legal__tabla thead th{background:var(--gris);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--suave)}
.legal__tabla tbody th{color:var(--tinta);font-weight:700}
.legal__tabla tbody tr:last-child>*{border-bottom:0}
@media (max-width:700px){
.legal__tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.legal__tabla,.legal__tabla tbody,.legal__tabla tr,.legal__tabla th,.legal__tabla td{display:block;width:100%}
.legal__tabla tbody tr{border-bottom:1px solid var(--borde)}
.legal__tabla tbody tr:last-child{border-bottom:0}
.legal__tabla th,.legal__tabla td{border-bottom:0;padding:.35rem 1rem}
.legal__tabla tbody th{padding-top:1rem;background:var(--gris)}
.legal__tabla td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--suave)}
.legal__tabla td:last-child{padding-bottom:1rem}
}
.hero--privacidad::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4M12 15v2'/%3E%3C/svg%3E")}
.hero--cookies::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.5A9 9 0 1 1 11.5 3a3 3 0 0 0 3.5 3.5 3 3 0 0 0 3.5 3.5 3 3 0 0 0 2.5 2.5z'/%3E%3Cpath d='M8.5 9.5h.01M15.5 15.5h.01M10 16h.01M12 12h.01'/%3E%3C/svg%3E")}
.legal__resumen{display:flex;gap:1rem;align-items:flex-start;margin:0 0 2rem;padding:1.3rem 1.5rem;border:1px solid #b7e4d6;border-radius:var(--radio);background:#eefaf6}
.legal__resumen .ico{flex:none;color:#0b7a5f;margin-top:.15rem}
.legal__resumen p{margin:0;color:var(--tinta)}