/* páginas interiores y notas de la propuesta */
.nav a[aria-current=page]{color:var(--navy);font-weight:600}
.crumbs{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);padding:22px 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumbs a{text-decoration:none;color:var(--ocean)}

.phero{padding:34px 0 64px}
.phero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.phero h1{font-size:clamp(36px,4.8vw,58px);font-weight:700}
.phero h1 em{font-style:normal;color:var(--ocean)}
.phero .lead{margin:20px 0 28px}
.phero figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/4.4;background:var(--navy)}
.phero figure img{width:100%;height:100%;object-fit:cover;object-position:top}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
.facts div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.facts dt{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.facts dd{margin:4px 0 0;font-weight:600;font-size:16px}

.body{padding:72px 0;background:#fff;border-block:1px solid var(--line)}
.body .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.prose h2{font-size:clamp(26px,3vw,34px);margin:44px 0 14px}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px;max-width:68ch}
.prose ul{margin:0 0 16px;padding-left:20px;max-width:68ch}
.prose li{margin-bottom:6px}
.prose .answer{font-size:18px;color:var(--navy);border-left:3px solid var(--ocean);padding-left:16px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0!important}
.checks li{background:var(--mist);border-radius:12px;padding:12px 14px;margin:0!important}
.checks b{display:block}
.side{position:sticky;top:96px;display:grid;gap:16px}
.box{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--mist)}
.box h3{font-size:20px;margin-bottom:10px}
.box p{margin:0 0 12px;font-size:15.5px;color:var(--ink-soft)}
.box .btn{width:100%;justify-content:center}
.box ul{list-style:none;padding:0;margin:0}
.box li{border-top:1px solid var(--line)}
.box li a{display:block;padding:10px 0;text-decoration:none;font-weight:500;font-size:15.5px}
.box li a:hover{color:var(--ocean)}

.reviewed{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;background:var(--mist);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-top:44px}
.reviewed img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top}
.reviewed p{margin:0;font-size:15px;color:var(--ink-soft)}
.reviewed b{color:var(--navy)}
.sources{font-size:14px;color:var(--ink-soft)}

.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px;text-decoration:none}
.tile:hover{border-color:var(--ocean)}
.tile h3{font-size:22px}
.tile p{margin:0;color:var(--ink-soft);font-size:15.5px}
.tile .go{margin-top:auto;font-weight:600;color:var(--ocean);font-size:15px}
.st{font-family:var(--mono);font-size:11px;border-radius:6px;padding:2px 7px;align-self:flex-start}
.st.keep{background:#E3F4EA;color:#1E7D4F}.st.new{background:#E1F1F8;color:#00587A}.st.merge{background:#FFF1DE;color:#9A5B12}
.sect{padding:72px 0}

.mapframe{border:0;width:100%;aspect-ratio:4/3;border-radius:24px;background:var(--foam)}
.steps{counter-reset:s;list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--ocean);color:#fff;display:grid;place-items:center;font-weight:700}

/* pie legal, video y galería */
footer .legal{display:block;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.yt{display:block;position:relative;width:100%;max-width:640px;aspect-ratio:16/9;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:var(--navy);margin:8px 0 16px}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.yt span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--wa);color:#fff;font-weight:600;padding:12px 20px;border-radius:999px;font-family:var(--body);font-size:16px}
.prose iframe{width:100%;max-width:640px;aspect-ratio:16/9;border:0;border-radius:18px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gal img{border-radius:14px;aspect-ratio:3/4;object-fit:cover;width:100%}
.tile[data-wa]{cursor:pointer}
@media (max-width:640px){.gal{grid-template-columns:1fr 1fr}}

/* responsive de páginas interiores */
.phero .wrap>*,.body .wrap>*{min-width:0}
@media (max-width:960px){
  .phero .wrap,.body .wrap{grid-template-columns:minmax(0,1fr)}
  .phero figure{max-width:420px;aspect-ratio:4/3.4}
  .side{position:static}
  .tiles{grid-template-columns:1fr 1fr}
  footer .wrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .facts{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr}
  .phero{padding:20px 0 48px}
  .gal{grid-template-columns:1fr 1fr}
}

.side-rv p{margin:8px 0 0;font-size:15.5px;color:var(--navy)}
.side-rv p+p{font-size:13.5px;color:var(--ink-soft)}
.side-rv a{color:var(--ocean)}
.trust a{color:inherit}