/* Zonas específicas de Proyectos. Y2, Y3, Y5 y X3 conservan su única vista común. */
.proyectos-portada { position:relative; display:grid; align-items:center; min-height:350px; padding:70px 0; text-align:left; color:white; }
.proyectos-portada .section-shell { position:relative; }
.proyectos-portada h1 { margin:0; max-width:480px; font:900 calc(clamp(1.7rem,3.2vw,2.75rem) * var(--escala-h1, 1))/1.16 var(--fuente-texto); }
.proyectos-portada h1 span { display:block; }
/* Y5: fondo crema solo en la página Proyectos (hoja cargada únicamente allí). */
.faq { background:var(--color-crema); }
.proyectos-clientes { background:white; text-align:center; color:var(--color-azul); }
.proyectos-clientes .section-kicker { color:var(--color-rojo-ocre); }
.carrusel-clientes { display:flex; align-items:center; gap:28px; margin-top:60px; }
.ventana-clientes { min-width:0; flex:1; overflow:hidden; }
.logos-clientes { display:flex; margin:0; padding:0; list-style:none; }
.logos-clientes li { flex:0 0 20%; min-width:0; padding:10px 20px; }
.logos-clientes li:only-child { flex-basis:100%; }
.logos-clientes img { width:100%; height:100px; object-fit:contain; }
.estado-clientes { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.flecha-clientes { width:64px; height:64px; flex-shrink:0; display:grid; place-items:center; border:1.5px solid currentColor; border-radius:50%; }
.flecha-clientes svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.5; }
.flecha-clientes:hover { color:white; background:var(--color-azul); }
.aviso-demostracion { padding:18px 22px; background:var(--color-amarillo); border-left:4px solid var(--color-rojo-ocre); }
@media(max-width:65rem) { .carrusel-clientes { gap:20px; } .logos-clientes li { padding-inline:15px; } }
@media(max-width:60rem) { .logos-clientes li { flex-basis:50%; } .carrusel-clientes { margin-top:35px; gap:14px; } .flecha-clientes { width:48px; height:48px; } }
@media(max-width:30rem) { .proyectos-portada { min-height:300px; padding:55px 0; } .proyectos-portada h1 { font-size:calc(1.45rem * var(--escala-h1, 1)); } .logos-clientes li { flex-basis:50%; padding:10px 16px; } .carrusel-clientes { gap:10px; } .flecha-clientes { width:44px; height:44px; } }