/* Páginas interiores en «Ver para creer» (PERFIL IA, Programas, Nosotros, Privacidad). Usan vpc.css;
   aquí van las piezas que se repiten entre ellas (prefijo pg-). */

.pg-seccion{padding-block:clamp(64px,9vw,120px);border-top:1px solid var(--linea);scroll-margin-top:64px}
.pg-seccion>.vpc-ancho{display:grid;gap:28px}
.pg-seccion h2{margin:0;font:400 clamp(34px,4.4vw,58px)/1.03 var(--fuente-titulo);text-wrap:balance;max-width:22ch}
.pg-seccion .vpc-bajada{max-width:62ch}
.pg-noche{background:var(--oscuro-alto);color:var(--texto-claro);border-top:0}
.pg-noche .vpc-rotulo{color:var(--senal)}
.pg-noche .vpc-bajada{color:#CFC8BD}
.pg-noche .vpc-nota{color:#A9A298}
.pg-hero-acciones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.pg-secundario{color:var(--acento);font-weight:600;text-underline-offset:4px;padding:10px 6px}

/* Dos columnas: texto y escena */
.pg-dos{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.pg-dos-texto{display:grid;gap:16px;align-content:start}
.pg-dos-texto ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--texto-2)}
@media (max-width:900px){.pg-dos{grid-template-columns:minmax(0,1fr)}}

/* Tarjetas */
.pg-tarjetas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.pg-tarjeta{background:var(--fondo-alto);border:1px solid var(--linea);border-radius:18px;padding:24px;display:grid;gap:10px;align-content:start}
.pg-tarjeta .pg-n{font:500 12.5px/1 var(--fuente-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acento)}
.pg-tarjeta h3{margin:0;font:400 27px/1.08 var(--fuente-titulo)}
.pg-tarjeta p{margin:0;font-size:15.5px;color:var(--texto-2)}
.pg-tarjeta ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:15px;color:var(--texto-2)}
.pg-tarjeta .pg-resultado{font:500 12.5px/1.5 var(--fuente-mono);color:#2F6B4F;border-top:1px dashed var(--linea);padding-top:10px}
.pg-noche .pg-tarjeta{background:#202128;border-color:rgba(246,242,235,.1)}
.pg-noche .pg-tarjeta h3{color:var(--texto-claro)}
.pg-noche .pg-tarjeta p,.pg-noche .pg-tarjeta ul{color:#CFC8BD}
.pg-noche .pg-tarjeta .pg-n{color:#D29072}
.pg-noche a.pg-tarjeta{color:inherit;text-decoration:none}
.pg-noche a.pg-tarjeta:hover{border-color:rgba(184,115,82,.6)}

/* Pasos numerados en fila */
.pg-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pg-pasos li{border-top:2px solid var(--acento);padding-top:16px;display:grid;gap:6px;align-content:start}
.pg-pasos span{font:500 12.5px/1 var(--fuente-mono);color:var(--acento)}
.pg-pasos b{font:400 24px/1.1 var(--fuente-titulo)}
.pg-pasos p{margin:0;font-size:15px;color:var(--texto-2)}
@media (max-width:900px){.pg-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pg-pasos{grid-template-columns:minmax(0,1fr)}}

/* Escala de cinco niveles (PERFIL IA) */
.pg-niveles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:25fr 20fr 20fr 20fr 15fr;gap:4px}
.pg-niveles li{display:grid;gap:6px;align-content:start}
.pg-niveles i{display:block;height:14px;border-radius:3px;background:var(--acento);opacity:calc(.25 + var(--n) * .15)}
.pg-niveles b{font:400 20px/1.1 var(--fuente-titulo)}
.pg-niveles span{font:500 12px/1.3 var(--fuente-mono);color:#5E5A53}
@media (max-width:640px){.pg-niveles{grid-template-columns:minmax(0,1fr)}.pg-niveles li{grid-template-columns:5.5em minmax(0,1fr) auto;align-items:center}.pg-niveles i{height:10px}}

/* Dos instrumentos lado a lado */
.pg-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:760px){.pg-par{grid-template-columns:minmax(0,1fr)}}
.pg-dimensiones{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pg-dimensiones li{display:flex;justify-content:space-between;gap:12px;padding-block:9px;border-top:1px solid var(--linea);font-size:15.5px}
.pg-dimensiones li span{font:500 12.5px var(--fuente-mono);color:#5E5A53}

/* Lista de garantías con marca */
.pg-garantias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.pg-garantias li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:16px;color:var(--texto-2)}
.pg-garantias li::before{content:"✓";font:500 14px/1.6 var(--fuente-mono);color:#2F6B4F}
.pg-garantias b{color:var(--texto)}
@media (max-width:760px){.pg-garantias{grid-template-columns:minmax(0,1fr)}}

/* Herramientas como fichas */
.pg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pg-chips li{font:500 13px/1 var(--fuente-mono);border:1px solid var(--linea);background:var(--fondo-alto);border-radius:999px;padding:9px 13px}

/* Texto largo (Privacidad) */
.pg-texto{max-width:72ch;display:grid;gap:14px;padding-block:8px 96px}
.pg-texto h2{margin:28px 0 0;font:400 clamp(26px,3vw,34px)/1.15 var(--fuente-titulo)}
.pg-texto p,.pg-texto li{font-size:17px;line-height:1.65;color:var(--texto-2)}
.pg-texto p{margin:0}
.pg-texto ul{margin:0;padding-left:22px;display:grid;gap:6px}
.pg-texto a{color:var(--acento);text-underline-offset:3px}
.pg-texto .provisorio,.pg-aviso{margin:0;font:500 12.5px/1.5 var(--fuente-mono);color:var(--texto-2);border:1px dashed rgba(23,24,29,.35);padding:10px 12px}

/* Cierre de cada página */
.pg-cierre{padding-block:clamp(64px,9vw,120px);text-align:center;border-top:1px solid var(--linea)}
.pg-cierre .vpc-ancho{display:grid;gap:20px;justify-items:center}
.pg-cierre h2{margin:0;font:400 clamp(36px,5vw,64px)/1.03 var(--fuente-titulo);max-width:18ch;text-wrap:balance}
.pg-noche .vpc-nota a{color:var(--texto-claro);font-weight:600;text-underline-offset:4px}
.vpc-hero h1.largo{font-size:clamp(42px,5.6vw,84px);max-width:17ch}
.pg-seccion .app-fila .chip{white-space:normal;line-height:1.3}
