/* El marco de /buscar sobre las páginas de la V10 (Alex, 28-oct-2026: «me meto a azhari y el header aparece diferente»).
   v10/_construir/marco-nuevo.mjs le pone a cada página vieja el header de /buscar, la barra del buscador y el aviso de
   cookies de /buscar, y la clase .marco-nuevo en <body>. Aquí solo lo que cambia frente a las hojas de la V10. */
:root{--mv-ambar:rgba(246,166,35,.88);--mv-sobre-ambar:#1A1D24;--mv-estado-arma:#E6EAF2;--mv-estado-tinta:#1E2530;--mv-escena-fondo:#E9EAEC;--mv-escena-sombra:rgba(29,29,31,.10)}
/* La cabecera igual que en /buscar (piel.css): Aliados y Proyectos viven en «Más secciones»; sin ellos no se enciman
   «Más secciones» y «Entrar» de 1280 a 1330 px. */
.hdr .nav a[data-ver=aliados],.hdr .nav a[data-ver=proyectos]{display:none}
/* El sello del Grupo sin texto visible, igual que en /buscar (buscador.css). */
.marco-nuevo .hdr-grupo img{display:block;width:auto;height:28px}
.marco-nuevo .hdr-grupo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* La barra de abajo de la V10 abría su menú viejo de sectores; el header nuevo ya trae su menú. */
.marco-nuevo .barra-movil{display:none!important}
/* «Aceptar todo» en ámbar, como en /buscar. */
.marco-nuevo #hm-cookies .btn-primary{background-color:var(--mv-ambar);color:var(--mv-sobre-ambar)}
/* Las páginas de sector con la barra de vidrio de /buscar (Equipo F, 1-nov-2026, juicio del director de arte: idénticas a
   /buscar/aliados). La capa de la barra va arriba sin ocupar lugar; el componente se dibuja en todo el alto, como en /buscar,
   pero solo la barra recibe toques. El contenido empieza debajo de la barra: su borde inferior medido en /buscar (112 px en
   celular; 104 px más su alto en tableta y computadora). */
.marco-giro .giro-capa{position:absolute;inset:0 0 auto 0;height:0;z-index:2}
.marco-giro .giro-vidrio{position:absolute!important;inset:0 0 auto 0!important;height:100vh!important;pointer-events:none}
.marco-giro .giro-capa .que-es-junto{position:absolute}
.marco-giro #contenido{padding-top:136px}
@media (min-width:641px){.marco-giro #contenido{padding-top:calc(128px + clamp(46px,5.7375vw,10.5vh))}}
@media (min-width:641px) and (max-aspect-ratio:1/1){.marco-giro #contenido{padding-top:178px}}
/* El héroe corto de cada sector: una línea de apoyo bajo el titular; el texto largo va después de la primera escena. */
.marco-giro .apoyo{font-size:var(--pl-f4,20px);line-height:1.4;color:var(--pl-tenue);margin:0 0 20px}
.marco-giro .giro-texto{margin-top:28px}
/* El cuerpo en la rejilla del resto de /buscar (director de arte, 1-nov-2026): alineado a la izquierda y a todo el ancho
   (x = 16 px en celular, 40 px a 1280, como Aliados), las tarjetas en rejilla, y el titular con la letra de los titulares de
   la casa (Archivo; el tamaño, --pl-f6, lo pone piel.css a todo .b-asesor-titular). */
.marco-giro main,.marco-giro footer{max-width:none;padding-left:clamp(16px,3.125vw,40px);padding-right:clamp(16px,3.125vw,40px)}
.marco-giro .giro-ceja{text-transform:none;margin:0 0 18px;color:var(--pl-ambar-texto);font-size:var(--pl-f3,16px);font-weight:700;letter-spacing:.02em}
.marco-giro h1.b-asesor-titular{max-width:22ch;font-family:var(--pl-letra-grito);font-weight:700;line-height:1.02;letter-spacing:-.035em;margin:0 0 18px}
.marco-giro .herr{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.marco-giro .giro-ceja::before{content:none}
/* El velo de /buscar detrás del header y la barra de vidrio (lote 14): al bajar, el texto ya no se ve pasar por detrás de
   ellos. Fijo, sin tocar clics, debajo de la barra (giro-capa, z 2) y del header. */
body.marco-giro::before{content:"";display:block;animation:none;position:fixed;inset:0 0 auto 0;height:128px;z-index:1;pointer-events:none;background:linear-gradient(var(--pl-fondo) 82%,transparent)}
@media (min-width:641px){body.marco-giro::before{height:196px}}
/* Las páginas de sector se desplazan con la ventana (Equipo F, 1-nov-2026). buscador.css pone html:has(body.en-buscar){overflow:hidden}
   porque en /buscar se desplaza su capa; aquí no hay capa y la página quedaba sin poder bajar. */
html:has(> body.marco-giro.en-buscar){overflow:visible;overflow-x:clip}
/* La palabra que completa «Más secciones» en la barra de lugares de las páginas con marco (link-text de Lighthouse). */
.bx-lugar .lugar-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* Acabado de las páginas de giro (juicio de O, 1-nov-2026). A 1024 px o más el héroe va en dos columnas: el texto y los
   botones a la izquierda, la escena protagonista del giro a la derecha (antes quedaba vacía la mitad derecha). */
.marco-giro .giro-escena{display:none}
@media (min-width:1024px){
  .marco-giro main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,4.4vw,64px)}
  .marco-giro main>*{grid-column:1/-1}
  .marco-giro main>.giro-ceja{grid-column:1;grid-row:1}
  .marco-giro main>h1.b-asesor-titular{grid-column:1;grid-row:2}
  .marco-giro main>.giro-bajada{grid-column:1;grid-row:3}
  .marco-giro main>.giro-bajada+.acciones{grid-column:1;grid-row:4;align-self:start}
  .marco-giro main>.giro-escena{grid-column:2;grid-row:1/5;align-self:center;display:block}
  .marco-giro .giro-escena img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--pl-r-m);background:var(--mv-escena-fondo);box-shadow:0 18px 40px var(--mv-escena-sombra)}
}
/* Un estado, un estilo: «Se arma para ti» igual en las dos filas (gris azulado con punto). «Lista para usar» sigue verde. */
.marco-giro .estado.medida{background:var(--mv-estado-arma);color:var(--mv-estado-tinta)}
.marco-giro .estado.medida::before{background:var(--mv-estado-tinta)}
/* Un solo ancho de lectura para el texto corrido: 37.5em (600 px a 16 px), el tope de 75 caracteres por línea del
   calificador (a 680 px salían 85 y bajaba la tipografía); las preguntas siguen anchas, en la misma rejilla. */
.marco-giro .giro-texto p,.marco-giro ol.pasos{max-width:37.5em}
/* Pie: las cinco ligas de giro en una rejilla pareja de 3×2, sin una sola en el segundo renglón. */
@media (min-width:900px){.marco-giro footer ul:first-of-type{display:grid;grid-template-columns:repeat(3,max-content);column-gap:32px}}
/* «¿Qué es el buscador?» no se ve hasta que ubicarQueEs le pone su lugar (top/left en línea): antes aparecía arriba y
   saltaba 104 px al acomodarse (calificador en vivo: CLS 0.038 a 1280). */
.marco-giro .giro-capa .que-es-junto:not([style*="top"]){visibility:hidden}