@charset "utf-8";
/* ---------- componentes de páginas interiores ---------- */
.ph-hero h1 em{color:var(--acc-t)}
.ph-hero h1{line-height:.98}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.kpis div{padding:12px 12px 0 0}
.kpis div + div{padding-left:12px;border-left:1px solid var(--line)}
.kpis dt{font-size:10.5px;color:var(--ink-3)}
.kpis dd{margin:4px 0 0;font-size:clamp(30px,2.6vw,40px);line-height:1}

/* fichas de sistema: alternadas, no tarjetas */
.si-t{max-width:16ch;margin-bottom:clamp(48px,7vw,96px)}
.si-t em{color:var(--acc-t)}
.ficha{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:start;padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--line)}
.ficha--r{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ficha--r .ph{order:2}
.ficha-b{display:grid;gap:18px;align-content:start;min-width:0}
.ficha-ref{color:var(--ink-3)}
.ficha-b > p{margin:0;color:var(--ink-2);max-width:56ch}
.ficha-f{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-top:6px}
.ficha-pr{display:grid;gap:2px}
.ficha-pr small{color:var(--ink-3);font-size:11px}
.ficha-pr b{font-weight:600;font-size:clamp(36px,3.4vw,52px);line-height:1}

/* ubicaciones / pasos */
.ex-t{grid-column:1 / span 7}
.ex-t em{color:var(--cierzo-l)}
.ex-lead{grid-column:9 / span 4;align-self:end}
.ubic{list-style:none;margin:clamp(48px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,40px)}
.ubic li{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.ubic .num{font-size:44px;color:var(--cierzo-l);line-height:1}
.ubic h3{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,2.2vw,32px);margin:14px 0 10px;line-height:1.05}
.ubic p{margin:0;color:#9FB0B8;font-size:15.5px}

/* preguntas */
.faq-h{grid-column:1 / span 4}
.faq-h .d3 em{color:var(--acc-t)}
.faq{grid-column:6 / span 7}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;position:relative;font-size:clamp(18px,1.5vw,21px);line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;
  background:linear-gradient(currentColor,currentColor) center/14px 1.4px no-repeat,linear-gradient(currentColor,currentColor) center/1.4px 14px no-repeat;transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 24px;color:var(--ink-2);max-width:60ch}

/* intro de dos columnas */
.pl-head{margin-bottom:clamp(40px,5vw,72px);align-items:end}
.pl-head h2{grid-column:1 / span 7}
.pl-head h2 em{color:var(--acc-t)}
.pl-head .lead{grid-column:9 / span 4}

@media (max-width:980px){
  .ficha,.ficha--r{grid-template-columns:minmax(0,1fr)}
  .ficha--r .ph{order:0}
  .ex-t,.ex-lead{grid-column:1 / -1}
  .ubic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-h,.faq{grid-column:1 / -1}
  .pl-head h2,.pl-head .lead{grid-column:1 / -1}
}
@media (max-width:640px){
  .ubic{grid-template-columns:minmax(0,1fr)}
}