/* Páginas de servicios y sectores (scripts/build-paginas.mjs): HTML estático, sin escena 3D, sobre css/estilos.css */
body.pagina{background:var(--papel)}
.pagina .topbar::before{opacity:1}
.pagina .topbar[data-tema="claro"]{color:var(--tinta)}
.pag-hero{padding-top:clamp(118px,13vw,168px);padding-bottom:clamp(44px,6vw,84px)}
.pag-hero h1{font-size:clamp(2.2rem,1rem+4vw,4.2rem);max-width:19ch}
.pag-hero__entradilla{margin-top:20px;font-size:clamp(1.05rem,.95rem+.5vw,1.28rem);line-height:1.55;color:var(--tinta-2);max-width:62ch}
.pag-hero__cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pag-migas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--steel);margin-bottom:26px}
.pag-migas a{color:var(--tinta-2);text-decoration:none} .pag-migas a:hover{color:var(--blue)}
.seccion--clara .btn--sec{border-color:var(--linea-clara);background:#fff;color:var(--tinta)} .seccion--clara .btn--sec:hover{border-color:var(--blue);background:#fff}
.pag-seccion{padding-top:clamp(48px,6.5vw,92px);padding-bottom:clamp(48px,6.5vw,92px)}
.pag-seccion.seccion--clara+.pag-seccion.seccion--clara{padding-top:clamp(8px,1.5vw,20px)}
.pag-hero+.pag-seccion.seccion--clara{padding-top:clamp(24px,3vw,40px)}
.pag-bloque{max-width:780px}
.pag-bloque h2{font-size:clamp(1.8rem,1.1rem+2.5vw,2.9rem)}
.pag-bloque p{font-size:clamp(1rem,.96rem+.25vw,1.12rem);line-height:1.68;margin-top:16px;color:var(--tinta-2)}
.pag-bloque .ojo{margin-bottom:14px}
.seccion--oscura .pag-bloque p{color:var(--slate)}
.pag-lista{margin-top:16px;padding-left:20px;line-height:1.7;color:var(--tinta-2)}
.pag-enlace{margin-top:26px}
.pag-tarjetas{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pag-tarjeta{padding:24px 22px;border-radius:18px;border:1px solid rgba(0,168,255,.22);background:rgba(8,21,54,.55)}
.pag-tarjeta h3{font-size:1.14rem;letter-spacing:-.015em;color:var(--platinum)}
.pag-tarjeta p{margin-top:10px;font-size:14.5px;line-height:1.58;color:var(--slate)}
@media (max-width:980px){ .pag-tarjetas{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .pag-tarjetas{grid-template-columns:1fr} }
.pag-pasos{list-style:none;counter-reset:paso;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;gap:12px;max-width:840px}
.pag-pasos li{counter-increment:paso;position:relative;padding:18px 20px 18px 66px;border-radius:16px;background:#fff;border:1px solid var(--linea-clara);line-height:1.58;color:var(--tinta-2)}
.pag-pasos li::before{content:counter(paso,decimal-leading-zero);position:absolute;left:18px;top:17px;font-family:var(--font-display);font-size:11.5px;letter-spacing:.16em;color:var(--blue);padding:4px 8px;border-radius:999px;background:rgba(0,91,255,.08)}
.pag-enlaces{margin-top:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.pag-enlace-tarjeta{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--linea-clara);text-decoration:none;color:var(--tinta);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.pag-enlace-tarjeta:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 12px 32px rgba(0,91,255,.08)}
.pag-enlace-tarjeta__ojo{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}
.pag-enlace-tarjeta b{font-family:var(--font-display);font-size:1.18rem;font-weight:600;letter-spacing:-.015em}
.pag-enlace-tarjeta small{font-size:14px;line-height:1.52;color:var(--tinta-2)}
.pag-enlace-tarjeta__ver{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue)}
.pag-enlace-tarjeta__ver .btn__ico{width:14px;height:14px}
.pag-faq__lista{margin-top:clamp(20px,3vw,36px);max-width:840px;display:grid;gap:10px}
.pag-faq details{border:1px solid var(--linea-clara);border-radius:14px;background:#fff;padding:0 20px}
.pag-faq summary{cursor:pointer;list-style:none;padding:18px 32px 18px 0;font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.35;position:relative}
.pag-faq summary::-webkit-details-marker{display:none}
.pag-faq summary::after{content:"+";position:absolute;right:0;top:13px;font-size:1.45rem;font-weight:400;color:var(--blue);transition:transform .2s var(--ease)}
.pag-faq details[open] summary::after{transform:rotate(45deg)}
.pag-faq summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:6px}
.pag-faq details p{padding:0 0 18px;line-height:1.66;color:var(--tinta-2)}
.pag-contacto .contenedor{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
.pag-contacto .encabezado{margin-bottom:0}
.pag-contacto .encabezado h2{font-size:clamp(1.8rem,1.1rem+2.4vw,2.8rem)}
.pag-contacto .form{max-width:none}
@media (max-width:900px){ .pag-contacto .contenedor{grid-template-columns:1fr} }
.pie-pagina .pag-pie{grid-template-columns:1.1fr 1fr 1fr 1fr}
.pie-pagina .pag-pie__titulo{display:inline;padding:0;color:inherit;font-size:inherit}
@media (max-width:900px){ .pie-pagina .pag-pie{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .pie-pagina .pag-pie{grid-template-columns:1fr} }
.pag-bloque+.pasos{margin-top:clamp(24px,3vw,40px)}