/* Estilo compartido por privacidad.html, terminos.html y cookies.html.
   Mismo sistema visual que index.html, en su version mas sobria: son paginas
   para leer, no para convertir. */

:root{
    --paper:#FFFFFF;
    --cement:#F2F4F6;
    --graphite:#14171C;
    --graphite-2:#232830;
    --steel:#5C6675;
    --line:#DCE1E7;
    --red:#D40000;
    --red-ink:#A80000;
    --amber:#FFB300;
    --asphalt-deep:#2E3338;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
    font-family:'DM Sans',system-ui,sans-serif;
    color:var(--graphite);
    background:var(--paper);
    line-height:1.65;
    -webkit-text-size-adjust:100%;
}

.container{width:100%;max-width:780px;margin:0 auto;padding:0 20px;}

/* ---- cabecera ---- */
.legal-head{
    border-bottom:1px solid var(--line);
    background:var(--paper);
    padding-top:env(safe-area-inset-top,0px);
}
.legal-head::before{
    content:"";display:block;height:5px;
    background:repeating-linear-gradient(115deg,var(--amber) 0 14px,var(--graphite) 14px 28px);
}
.legal-head-in{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    min-height:64px;
}
.legal-head img{height:34px;width:auto;display:block;}
.volver{display:flex;align-items:center;min-height:44px;}
.volver-txt{
    font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;
    color:var(--red-ink);text-decoration:none;
    display:inline-flex;align-items:center;min-height:44px;padding:0 4px;
}
.volver-txt:hover{color:var(--red);text-decoration:underline;}

/* ---- cuerpo ---- */
.legal{padding:40px 20px 64px;}

.eyebrow{
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12px;
    letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);
    margin-bottom:10px;
}

.legal h1{
    font-family:'Sora',sans-serif;font-weight:700;
    font-size:clamp(25px,5.2vw,34px);line-height:1.2;
    letter-spacing:-.02em;margin-bottom:10px;
}

.version{
    font-size:14px;color:#5A6474;
    padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line);
}

.intro{font-size:17px;color:var(--graphite-2);margin-bottom:8px;}

.legal h2{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:19px;line-height:1.3;
    margin:36px 0 12px;padding-top:4px;
}

.legal h3{
    font-family:'Space Grotesk',sans-serif;font-weight:700;
    font-size:16px;margin:24px 0 8px;
}

.legal p{margin-bottom:14px;color:#3A4250;}
.legal ul{margin:0 0 16px 22px;}
.legal li{margin-bottom:8px;color:#3A4250;}

.legal a{color:var(--red-ink);text-decoration:underline;text-underline-offset:2px;font-weight:600;}
.legal a:hover{color:var(--red);}

.legal strong{color:var(--graphite);}

/* Marcador de lo que todavia no esta definido. Se ve a proposito: es mejor que
   quien lea note el hueco a que se publique un dato inventado. */
.pendiente{
    background:#FFF6DF;border:1px solid #F3DFA8;border-radius:5px;
    padding:1px 7px;font-weight:700;color:#8A6200;font-size:.94em;
    white-space:nowrap;
}

/* ---- tablas ---- */
.tabla-scroll{overflow-x:auto;margin-bottom:18px;}

table{border-collapse:collapse;width:100%;font-size:15px;}

table.datos{margin-bottom:18px;}
table.datos th{
    text-align:left;vertical-align:top;white-space:nowrap;
    font-family:'Space Grotesk',sans-serif;font-weight:600;
    color:var(--steel);padding:7px 16px 7px 0;font-size:14px;
}
table.datos td{padding:7px 0;color:#3A4250;}

table.bases{min-width:520px;}
table.bases th{
    text-align:left;background:var(--cement);
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;
    padding:10px 14px;border:1px solid var(--line);
}
table.bases td{padding:10px 14px;border:1px solid var(--line);color:#3A4250;vertical-align:top;}

/* ---- avisos ---- */
.aviso{
    background:#FFF6DF;border:1px solid #F3DFA8;border-left:4px solid var(--amber);
    border-radius:10px;padding:16px 18px;margin:18px 0 22px;
}
.aviso p{margin-bottom:8px;color:#5C4A16;}
.aviso p:last-child{margin-bottom:0;}
.aviso strong{color:#8A6200;}

.cierre{
    margin-top:40px;padding-top:22px;border-top:1px solid var(--line);
    font-size:15px;
}

/* ---- pie ---- */
.legal-foot{
    background:var(--asphalt-deep);color:#9BA4B0;
    padding:26px 0 calc(26px + env(safe-area-inset-bottom,0px));
    font-size:13.5px;
}
.legal-foot .container{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;}
.legal-foot strong{color:#D9DEE4;}

@media(max-width:560px){
    .legal{padding:30px 16px 48px;}
    .container{padding:0 16px;}
    .legal-head img{height:28px;}
    .volver-txt{font-size:13px;}
}