/* Páginas interiores · mismas fichas que la portada (tokens, tipos y botones de site.css) */
.pg-hero{background:var(--tierra);color:var(--nave);padding-block:calc(env(safe-area-inset-top,0px) + clamp(118px,13vw,176px)) clamp(56px,7vw,100px)}
.migas{display:flex;flex-wrap:wrap;gap:.4em .8em;font-family:var(--fm);font-size:.74rem;color:var(--arena);margin-bottom:clamp(20px,2.6vw,32px)}
.migas li+li::before{content:"/";margin-right:.8em;opacity:.5}
.migas a{color:inherit;text-underline-offset:3px}
.migas a:hover{color:var(--yema)}
.pg-h1{font-size:clamp(2.8rem,1.4rem + 6.2vw,7.6rem);max-width:14ch;text-wrap:balance}
.pg-lede{margin-top:clamp(20px,2.6vw,32px);max-width:42rem;font-size:clamp(1.12rem,1rem + .65vw,1.5rem);line-height:1.38}
.pg-lede b{color:var(--yema);font-weight:600}
.pg-ctas{margin-top:clamp(26px,3vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}

.pg-body{padding-block:clamp(56px,7vw,112px)}
.pg-body .wrap{display:grid;gap:clamp(44px,5.5vw,72px);justify-items:start}
.pg-body .wrap>*{min-width:0;max-width:100%}
.bloque{max-width:46rem}
.bloque h2,.faq h2{font-family:var(--fd);font-weight:900;text-transform:uppercase;line-height:.9;font-size:clamp(2rem,1.3rem + 2.6vw,3.6rem);margin-bottom:18px;text-wrap:balance}
.bloque h3{font-weight:700;font-size:1.1rem;margin-top:22px}
.bloque p+p,.bloque p+ul,.bloque ul+p,.bloque h3+p{margin-top:12px}
.bloque ul{display:grid;gap:9px;margin-top:14px}
.bloque li{position:relative;padding-left:1.5em}
.bloque li::before{content:"";position:absolute;left:0;top:.72em;width:.75em;height:2px;background:var(--tierra)}
.bloque a{text-underline-offset:3px;text-decoration-thickness:1px}
.bloque a:hover{color:var(--tierra2)}
.dato{font-family:var(--fd);font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,2rem + 3vw,4.6rem);line-height:.85;color:var(--tierra);display:block;margin-bottom:6px}

.pg-fig{max-width:46rem;width:100%}
.pg-fig img{width:100%;height:auto;background:var(--nave2)}
.pg-fig figcaption{margin-top:8px;color:var(--gris)}

.tabla-wrap{overflow-x:auto;margin-top:18px;-webkit-overflow-scrolling:touch}
.tabla:has(thead){min-width:30rem}
.tabla{width:100%;border-collapse:collapse;font-size:.95rem}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:13px 12px 13px 0;border-bottom:1px solid var(--acero)}
.tabla thead th{font-family:var(--fm);font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.tabla tbody th{font-weight:600}

.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:60rem}
.vids figure{display:grid;gap:8px}
.vids video{width:100%;aspect-ratio:9/16;object-fit:cover;background:var(--tierra)}
.vids figcaption{font-size:.9rem}
.vids figcaption b{font-family:var(--fm);font-weight:400;font-size:.72rem;color:var(--gris);margin-right:6px}
@media (max-width:620px){.vids{grid-template-columns:1fr 1fr}}


.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:12px;width:100%}
.rel a{display:block;background:#fff;border:1px solid var(--nave2);padding:22px 20px;text-decoration:none;transition:border-color .25s,transform .3s var(--ease)}
.rel a:hover{border-color:var(--tierra);transform:translateY(-2px)}
.rel b{display:block;font-family:var(--fd);font-weight:900;text-transform:uppercase;font-size:1.6rem;line-height:.92}
.rel span{display:block;margin-top:8px;font-size:.92rem;color:var(--gris)}

.pg-cta{background:var(--yema);color:var(--tinta);padding-block:clamp(60px,8vw,112px)}
.pg-cta h2{font-family:var(--fd);font-weight:900;text-transform:uppercase;line-height:.86;font-size:clamp(2.8rem,1.4rem + 5.6vw,6.6rem)}
.pg-cta p{margin-top:16px;max-width:34rem;font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}
.pg-cta .ctas{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.pg-cta .lnk:hover{color:var(--tierra)}
.pg-cta .btn-tinta{text-decoration:none}
