/* Páginas legales. Reutiliza las variables y la tipografía de estilos.css. */

.legal-header{background:var(--ink);color:var(--paper);padding:34px 0 0;position:relative}
.legal-header .brand{color:var(--paper)}
.legal-header .legal-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.legal-header .legal-back{font-size:13px;border-bottom:1px solid #ffffff40;padding-block:6px}
.legal-header .legal-back:hover{color:var(--gold)}
.legal-title{padding:58px 0 46px}
.legal-title .eyebrow{color:#aeb6a6;margin-bottom:18px}
.legal-title h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.6px;line-height:1.1;font-weight:500}
.legal-title p{font-size:14px;color:#aeb6a6;margin-top:16px}

.legal-body{padding-block:70px 90px;background:var(--paper)}
.legal-body .wrap{max-width:820px}
.legal-body>.wrap>p:first-of-type{font-size:17px;line-height:1.9}
.legal-body h2{font-size:26px;letter-spacing:-1px;line-height:1.3;margin:52px 0 16px;font-weight:500}
.legal-body h2:first-of-type{margin-top:0}
.legal-body p{font-size:15px;line-height:1.95;color:#3d423c;margin-bottom:16px}
.legal-body ul{margin:0 0 18px;padding-left:0;list-style:none}
.legal-body li{font-size:15px;line-height:1.9;color:#3d423c;padding:11px 0 11px 26px;border-bottom:1px solid var(--line);position:relative}
.legal-body li:before{content:'';position:absolute;left:0;top:23px;width:12px;height:1px;background:var(--gold)}
.legal-body a{border-bottom:1px solid var(--gold);padding-bottom:1px}
.legal-body a:hover{color:#6b5a10}
.legal-body strong{font-weight:600}

.legal-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);padding:28px 30px;margin:26px 0 34px}
.legal-card p{margin:0 0 6px;font-size:14px;line-height:1.8}
.legal-card p:last-child{margin:0}

.legal-table{width:100%;border-collapse:collapse;margin:22px 0 30px;font-size:14px}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:14px 14px 14px 0;border-bottom:1px solid var(--line);line-height:1.8}
.legal-table th{font-weight:600;width:32%;color:var(--ink)}
.legal-table td{color:#3d423c}

@media(max-width:600px){
  .legal-title{padding:40px 0 34px}
  .legal-body{padding-block:48px 64px}
  .legal-body h2{font-size:22px;margin-top:40px}
  .legal-table th{width:38%}
}