:root{--bg:#F2F4F8;--panel:#FFFFFF;--ink:#121826;--muted:#566074;--rule:#DCE1EA;--brand:#1D3F8F;--on-brand:#FFFFFF;--hi:#C2410C;--hi-bg:#FFF0E6;--warn-bg:#FFF8EB;--warn:#E0A84F;--foot:#15191E;--on-foot:#C7CED6;--fh:'Archivo','Arial Narrow',system-ui,sans-serif;
  --fb:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--rd:4px;color-scheme:light dark;
  --pin-a:color-mix(in srgb,var(--brand) 62%,#fff);--pin-b:var(--brand);--pin-t:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#0D1220;--panel:#151C2E;--ink:#E8ECF5;--muted:#9AA6BF;--rule:#26304A;--brand:#9DB8FF;--on-brand:#0D1530;--hi:#FF9B5E;--hi-bg:#2B1A10;--warn-bg:#221B10;--warn:#8A6424;--foot:#080B14;--on-foot:#A9B4BF;
  --pin-a:color-mix(in srgb,var(--brand) 30%,var(--panel));--pin-b:color-mix(in srgb,var(--brand) 12%,var(--bg));--pin-t:var(--brand)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--fb);font-variant-numeric:tabular-nums}
a{color:var(--brand);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.w{max-width:1140px;margin:0 auto;padding:0 20px}

.top{background:var(--panel);border-bottom:1px solid var(--rule)}
.top-r{display:flex;align-items:center;justify-content:space-between;min-height:58px}
.mark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 1.05rem/1 var(--fh);letter-spacing:-.01em}
.mark i{font-style:normal;display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 7px;border-radius:10px;
  color:var(--on-brand);font-size:.8rem;letter-spacing:.02em;
  background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 60%,#fff),var(--brand) 55%,color-mix(in srgb,var(--brand) 80%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.2),0 4px 10px -4px color-mix(in srgb,var(--brand) 70%,transparent)}
.mark i svg{width:20px;height:20px;filter:drop-shadow(0 1px .5px rgba(0,0,0,.3))}
.edad18{display:inline-block;font:700 .72rem/1 var(--fb);border:1.5px solid currentColor;border-radius:var(--rd);padding:4px 6px;opacity:.8}
.tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:11px 0 10px;border-bottom:3px solid transparent;color:var(--muted);font-weight:600;
  text-decoration:none;white-space:nowrap;font-size:.92rem}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--brand)}

.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:34px 20px 80px}
.art{min-width:0;max-width:72ch}
.side{position:sticky;top:22px;align-self:start;display:grid;gap:20px}
.ruta{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.84rem;color:var(--muted)}
.ruta a{color:var(--muted);text-decoration:none}
.ruta a:hover{color:var(--brand);text-decoration:underline}
.pin{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;color:var(--pin-t);
  background:radial-gradient(120% 120% at 30% 20%,var(--pin-a) 0,var(--pin-b) 70%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.18),0 2px 6px -2px color-mix(in srgb,var(--brand) 55%,transparent)}
.pin svg{width:16px;height:16px;filter:drop-shadow(0 1px .5px rgba(0,0,0,.25))}
.pin-s{width:24px;height:24px}
.pin-s svg{width:13px;height:13px}
h1{font:800 clamp(1.6rem,3.8vw,2.45rem)/1.12 var(--fh);letter-spacing:-.025em;margin:0 0 12px;text-wrap:balance}
h2{font:700 clamp(1.2rem,2.6vw,1.5rem)/1.25 var(--fh);letter-spacing:-.015em;margin:46px 0 14px;
  padding-top:24px;border-top:1px solid var(--rule);text-wrap:balance;scroll-margin-top:16px}
h3{font:700 1.05rem/1.35 var(--fh);margin:26px 0 6px}
p{margin:0 0 15px}
.firma-l{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.86rem;color:var(--muted);margin:0 0 14px}
.firma-l b{color:var(--ink)}
.firma-l span:not(.pin)+span::before{content:"·";margin-right:10px;opacity:.6}
.intro,.entrada{font-size:1.12rem;line-height:1.6;color:var(--ink);max-width:62ch}
.comprobado{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:18px 0 6px;padding:12px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:.88rem}
.comprobado span{font-weight:700}
.comprobado .cl{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;color:var(--muted)}
.comprobado .cl li{display:inline-flex;align-items:center;gap:7px}
.sec ul:not([class]){padding-left:1.15em;margin:0 0 16px}
.sec ul:not([class]) li{margin:4px 0}
.sec ul:not([class]) li::marker{color:var(--brand)}

.oferta,.lat-of{background:var(--panel);border:1px solid var(--rule);border-radius:var(--rd);padding:20px 22px;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 24px -14px rgba(16,24,40,.22)}
.oferta{margin:26px 0 10px}
.of-k{margin:-20px -22px 16px;padding:10px 22px;font:700 .72rem/1.3 var(--fb);text-transform:uppercase;letter-spacing:.1em;
  color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--panel));border-bottom:1px solid var(--rule)}
.of-m{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.of-n{margin:0;font:800 1.2rem/1.2 var(--fh)}
.of-b{margin:6px 0 2px;font:800 clamp(1.3rem,3vw,1.7rem)/1.15 var(--fh);color:var(--hi);letter-spacing:-.01em}
.of-s{margin:0 0 12px;font-size:.8rem;color:var(--muted)}
.of-l{margin:10px 0 0;font-size:.75rem;color:var(--muted)}
.hechos{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px}
.hechos li{display:flex;align-items:center;gap:10px;font-size:.93rem}
.logo-l{display:block;width:120px;height:auto;border-radius:var(--rd)}
.logo-s{display:block;width:84px;height:auto;border-radius:3px;margin-bottom:4px}
.inicial{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--rd);background:var(--brand);
  color:var(--on-brand);font:800 1.5rem/1 var(--fh)}
.valor{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.9rem}
.valor b{font-family:var(--fh)}
.valor small{color:var(--muted)}
.barra-v{position:relative;display:inline-block;width:92px;height:6px;border-radius:3px;background:var(--rule);overflow:hidden}
.barra-v::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--hi)}
.go{display:flex;justify-content:center;align-items:center;gap:6px;padding:13px 18px;border-radius:var(--rd);
  background:var(--brand);color:var(--on-brand);font-weight:700;text-decoration:none;text-align:center}
.go-i{width:18px;height:18px;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.go:hover .go-i{transform:translateX(3px)}
.go:hover{filter:brightness(1.08)}
.oferta .go{max-width:320px}

.indice{border-left:1px solid var(--rule);padding-left:16px}
.indice p{margin:0 0 8px;font:700 .72rem/1.3 var(--fb);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.indice ol{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.86rem;line-height:1.4}
.indice a{color:var(--ink);text-decoration:none}
.indice a:hover{color:var(--brand);text-decoration:underline}

.tbl{overflow-x:auto;margin:18px 0 24px;border-top:2px solid var(--ink)}
table{border-collapse:collapse;width:100%;min-width:500px;font-size:.93rem}
th{text-align:left;padding:10px 12px;font:700 .74rem/1.3 var(--fb);text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);border-bottom:1px solid var(--rule)}
td{padding:12px;border-bottom:1px solid var(--rule);vertical-align:middle}
tr:nth-child(odd) td{background:color-mix(in srgb,var(--panel) 70%,transparent)}
td .go{padding:9px 14px;font-size:.88rem;display:inline-flex}
.col-casa{font-weight:700}
.col-casa small{display:block;color:var(--hi);font-weight:600}
@media (max-width:640px){
  .tbl-m{border-top:0;overflow:visible}
  .tbl-m table{min-width:0}
  .tbl-m tr:first-child{display:none}
  .tbl-m tr{display:block;border:1px solid var(--rule);border-radius:var(--rd);margin-bottom:12px;padding:4px 14px;background:var(--panel)}
  .tbl-m td{display:flex;justify-content:space-between;gap:12px;padding:9px 0;background:none}
  .tbl-m td:last-child{border-bottom:0}
  .tbl-m td::before{content:attr(data-h);font-size:.78rem;font-weight:700;color:var(--muted)}
  .tbl-m td:has(.go)::before{content:none}
  .tbl-m td .go{width:100%}
}
.tks{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center}
.tk{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#fff;font:700 11px/1 var(--fb);
  background:linear-gradient(160deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 75%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.25);text-shadow:0 1px 1px rgba(0,0,0,.3)}
.tk-mas{font-size:.78rem;font-weight:700;color:var(--muted);margin-left:3px}

.perfil-c{margin:24px 0;padding:22px 0 6px;border-top:2px solid var(--ink)}
.pf-cab{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.pf-cab h2{margin:0;padding:0;border:0}
.tecnica{margin:8px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.tecnica div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dotted var(--rule);font-size:.93rem}
.tecnica dt{color:var(--muted)}
.tecnica dd{margin:0;font-weight:700;text-align:right}
.pyc{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:6px 0 16px}
.pyc h3{margin:0 0 6px;font-size:.95rem}
.pro,.con{list-style:none;padding:0;margin:0}
.pro li,.con li{position:relative;padding:5px 0 5px 28px;font-size:.94rem}
.pro li::before,.con li::before{content:"";position:absolute;z-index:1;left:0;top:9px;width:18px;height:18px;border-radius:50%;
  background:var(--brand);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/12px no-repeat}
.pro li::after,.con li::after{content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:50%;
  background:color-mix(in srgb,var(--brand) 14%,transparent)}
.con li::before{background:var(--hi);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.con li::after{background:color-mix(in srgb,var(--hi) 14%,transparent)}
.par2{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}
.perfil-c p .go{display:inline-flex}

.recuadro{background:var(--warn-bg);border:1px solid var(--warn);border-radius:var(--rd);padding:6px 20px 8px;margin:28px 0}
.recuadro h2{border:0;padding-top:0;margin-top:16px}
.preguntas h3{margin-top:22px}
.preguntas p{color:var(--muted)}
.cuidado{display:flex;gap:14px;align-items:flex-start;margin:40px 0 0;padding:16px 0;border-top:1px solid var(--rule);font-size:.88rem;color:var(--muted)}
.cuidado b{color:var(--ink)}
.mas18{flex:none;display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;
  font:800 .82rem/1 var(--fh);color:var(--ink)}
.pend{background:var(--warn-bg);padding:8px;border:1px dashed var(--warn)}

.base{background:var(--foot);color:var(--on-foot);padding:40px 0 100px;font-size:.88rem}
.base-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.base a{color:var(--on-foot)}
.base ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.base-n{font:800 1rem/1.2 var(--fh);margin-bottom:8px}
.base-k{font-weight:700;margin-bottom:8px}

.pega{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;
  gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);font-size:.85rem;line-height:1.3}
.pega .go{padding:10px 14px;flex:none}

@media (max-width:980px){
  .grid{grid-template-columns:1fr;gap:0;padding-top:26px}
  .side{display:none}
  .pega{display:flex}
}
@media (max-width:700px){
  .tabs{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:36px}
  .tecnica,.pyc,.par2{grid-template-columns:1fr}
  .firma-l span:not(.pin)+span::before{display:none}
  .base-g{grid-template-columns:1fr}
  .oferta .go{max-width:none}
  body{font-size:16.5px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}