/* Banda celeste (29/10/2026): título blanco a la izquierda y botón blanco 3D plano a la derecha (canto azul oscuro, mismo ángulo que los demás). */
.banda{background:var(--cab-acento);padding:clamp(40px,5vw,64px) 0}
.banda__fila{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
@media (min-width:860px){.banda__fila{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}}
.banda__titulo{font-family:var(--f-titulos);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.1;color:#fff;font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);margin:0 0 .3em}
.banda__texto{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;color:#fff;margin:0;max-width:520px}
.banda__boton{flex:none;display:inline-flex;align-items:center;gap:.5em;background:#fff;color:var(--cab-pri);font-family:var(--f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;padding:.85em 1.5em;border-radius:8px;text-decoration:none;box-shadow:-3px 3px 0 #146C9C;transition:background-color .15s,transform .08s,box-shadow .08s}
.banda__boton i{color:#25D366;font-size:1.25em}
.banda__boton:hover{background:#F0F9FF;color:var(--cab-pri)}
.banda__boton:active{transform:translate(-3px,3px);box-shadow:0 0 0 #146C9C}
@media (max-width:859px){.banda__boton{width:100%;justify-content:center}}
/* Variante solo texto (sin botón), alineada a la izquierda */
.banda--texto .banda__texto{max-width:640px}
/* Logos de Google y las IA encimados al final del título (círculos blancos con borde celeste oscuro) */
.banda__logos{display:inline-flex;vertical-align:middle;margin-left:.2em;white-space:nowrap}
.banda__logo{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;background:#fff;border:3px solid var(--cab-acento);border-radius:50%;box-shadow:0 0 0 1px #146C9C}
.banda__logo + .banda__logo{margin-left:-.32em}
.banda__logo svg{width:58%;height:58%}
.banda__fila > div{flex:1 1 auto;min-width:0}