. Mide 0px de alto pero su margen empuja el hero 16px abajo. */
main > p:empty,
.hero + p:empty,
section + p:empty{display:none!important;margin:0!important}
/* ================= Testimonios en video =================
Portada propia + boton de play: el reproductor de YouTube solo se carga
cuando el visitante pulsa. Siete videos incrustados de golpe traerian
cerca de 5 MB de scripts que casi nadie llega a usar.
Formato apaisado 16:9: uno destacado arriba y seis en cuadricula.
Las portadas de 4:3 (hqdefault) encajan solas con object-fit:cover,
que recorta justo las bandas negras. */
.mb-vtest{display:grid;gap:26px}
.mb-vtest-destacado{max-width:760px;margin:0 auto;width:100%}
.mb-vtest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.mb-vtest-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:680px){.mb-vtest-grid{grid-template-columns:1fr}}
.mb-vtest-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:0;border:0;
background:none;text-align:left;cursor:pointer;font:inherit;color:inherit;
-webkit-tap-highlight-color:transparent}
.mb-vtest-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;
overflow:hidden;background:var(--ice);border:1px solid var(--line);
box-shadow:0 6px 18px rgba(18,59,109,.10);
transition:transform .18s ease,box-shadow .18s ease}
.mb-vtest-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mb-vtest-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mb-vtest-card:hover .mb-vtest-thumb{transform:translateY(-3px);
box-shadow:0 12px 26px rgba(18,59,109,.18)}
.mb-vtest-card:focus-visible{outline:none}
.mb-vtest-card:focus-visible .mb-vtest-thumb{outline:2px solid var(--blue);outline-offset:3px}
.mb-vtest-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
display:grid;place-items:center;width:60px;height:60px;border-radius:50%;
background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(8,43,82,.28);
transition:transform .18s ease,background .18s ease}
.mb-vtest-play svg{width:22px;height:22px;fill:var(--navy);margin-left:3px}
.mb-vtest-card:hover .mb-vtest-play{transform:translate(-50%,-50%) scale(1.08);background:var(--white)}
@media(max-width:680px){.mb-vtest-play{width:52px;height:52px}}
/* La duracion va a la vista: son videos largos y el visitante decide con el dato delante. */
.mb-vtest-dur{position:absolute;right:9px;bottom:9px;padding:2px 7px;border-radius:6px;
background:rgba(8,43,82,.82);color:var(--white);font-size:11.5px;font-weight:650}
.mb-vtest-meta{display:block;padding:0 2px}
.mb-vtest-meta strong{display:block;color:var(--navy);font-size:15px;font-weight:750;line-height:1.35}
.mb-vtest-meta small{display:block;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.45}
.mb-vtest-destacado .mb-vtest-meta strong{font-size:17px}
.mb-vtest-card.is-playing{cursor:default}
.mb-vtest-card.is-playing .mb-vtest-thumb{transform:none;box-shadow:0 12px 26px rgba(18,59,109,.18)}
.mb-vtest-nota{margin:6px auto 0;max-width:760px;text-align:center;
color:var(--muted);font-size:12.5px;line-height:1.6}
@media (prefers-reduced-motion: reduce){
.mb-vtest-thumb,.mb-vtest-play{transition:none}
.mb-vtest-card:hover .mb-vtest-thumb{transform:none}
.mb-vtest-card:hover .mb-vtest-play{transform:translate(-50%,-50%)}
}
/* Cabecera centrada de la pagina de testimonios: h1, .hero-text y .mb-marca
tienen ancho maximo propio, asi que text-align:center no basta para
centrarlos: hay que devolverles los margenes automaticos. */
.centered h1,.centered .hero-text,.centered .mb-marca{margin-left:auto;margin-right:auto}
/* Boton secundario. .button-light es blanco sobre azul oscuro y se pierde
sobre los fondos claros; este lleva borde en vez de relleno. */
.button-outline{background:transparent;color:var(--navy);border:1.5px solid var(--line);
box-shadow:none}
.button-outline:hover{background:var(--white);border-color:var(--blue);color:var(--blue-dark)}
.mb-vtest-mas,.mb-cta-bajo{margin-top:34px;text-align:center}
/* .mb-cta-bajo: llamada a la accion debajo de una rejilla, cuando las
tarjetas dejan de apuntar a WhatsApp para apuntar a contenido. */
/* País activo en el selector de la cabecera. Lo marca el script de la 3514
leyendo el prefijo de la URL (/ec/, /cl/...). Perú es el caso por defecto. */
.country-menu a[aria-current]{background:var(--ice);color:var(--navy);font-weight:750}
.country-menu a[aria-current]::after{content:"✓";float:right;color:var(--blue-dark)}
/* Franja de compañías con cuatro logos (Ecuador va sin BMI). El diseño asumía cinco: a la derecha quedaba una columna vacía, y en móvil la regla de centrar el último estiraba el cuarto a lo ancho. */
@media (min-width: 681px){.partner-logos:has(> a:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 680px){.partner-logos:has(> a:nth-child(4):last-child) a:last-child{grid-column:auto}}
@media (min-width: 681px){.partner-logos:has(> a:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Lista de enlaces internos al pie de la portada de país: existe para que Google descubra el árbol sin depender del JavaScript de la rejilla. */
.mb-mapa-ec{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.mb-mapa-ec > p{margin:0 0 14px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.mb-mapa-ec ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}
.mb-mapa-ec a{color:var(--ink);font-weight:650;text-decoration:none;border-bottom:1px solid transparent}
.mb-mapa-ec a:hover{color:var(--blue-dark);border-bottom-color:var(--blue-dark)}
@media (max-width:680px){.mb-mapa-ec ul{grid-template-columns:1fr}}
/* `.mb-dato strong` es el titular de la tarjeta (bloque, 26px). Dentro de la descripción tiene que seguir siendo texto corrido. */
.mb-dato span strong{display:inline;font-size:inherit;line-height:inherit;color:inherit;margin:0;font-weight:750}
/* Formularios: la base (.mb-quote-form, .mb-field) ya existía; faltaban textarea, casilla, caja y mensajes de estado. */
.mb-form-caja{margin-top:32px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 14px 34px rgba(19,52,91,.06)}
.mb-form-caja [hidden]{display:none!important}
.mb-field textarea{width:100%;min-height:104px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfdff;color:var(--ink);font:inherit;font-size:13px;line-height:1.6;resize:vertical}
.mb-field textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(63,143,243,.12)}
.mb-check{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.55}
.mb-check input{flex:0 0 auto;width:17px;height:17px;margin-top:2px;accent-color:var(--blue)}
.mb-check a{color:var(--blue-dark);text-decoration:underline}
.mb-form-enviar{grid-column:1/-1;margin-top:6px}
.mb-form-enviar button{width:100%;min-height:54px;border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-size:15px;font-weight:750;cursor:pointer;box-shadow:0 12px 26px rgba(63,143,243,.24);transition:transform .2s,background .2s}
.mb-form-enviar button:hover{transform:translateY(-2px);background:var(--blue-dark)}
.mb-form-enviar button[disabled]{opacity:.6;cursor:default;transform:none}
.mb-form-ok{padding:26px;border-radius:14px;background:var(--ice);color:var(--navy)}
.mb-form-ok h3{margin:0 0 8px;font-size:20px}
.mb-form-ok p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.mb-form-error{margin:14px 0 0;padding:12px 14px;border-radius:11px;background:#fdecec;color:#a12626;font-size:13px;line-height:1.55}
@media (max-width:680px){.mb-form-caja{padding:22px}}
/* Campo de teléfono con código de país delante. El desplegable se estrecha para que el número siga teniendo sitio en móvil. */
.mb-tel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px}
.mb-tel select{min-width:0;padding:0 8px;font-size:13px}
@media (max-width:400px){.mb-tel{grid-template-columns:96px minmax(0,1fr)}}
/* wpautop mete vacíos alrededor de los bloques de un formulario. Miden 0 de alto pero arrastran margen y descuadran la fila. */
.mb-form-caja p:empty,.mb-quote-form p:empty{display:none;margin:0}
/* La insignia de la tarjeta admite icono además de texto. 20 px dentro de la caja de 38 deja aire suficiente. */
.mb-choice b svg{width:20px;height:20px;display:block}
/* Landing de agentes (3760): tiene formulario propio, así que la barra flotante de WhatsApp sobra y además tapa contenido en móvil. */
body.page-id-3760 .mb-mobile-wa-bar{display:none!important}
body.page-id-3760.mb-mobile-wa-bar-active{padding-bottom:0!important}
/* Un parrafo de cierre despues de una rejilla se pegaba al borde de las tarjetas: las rejillas traen margen arriba pero no abajo, y .mb-prosa no trae ninguno. Se le da el mismo aire (34 px) que hay por encima de la rejilla. */
.mb-dato-grid + .mb-prosa,
.mb-choice-grid + .mb-prosa,
.mb-faq-grid + .mb-prosa,
.mb-aseg-grid + .mb-prosa,
.mb-tabla-caja + .mb-prosa,
.mb-dato-grid + .mb-lista,
.mb-choice-grid + .mb-lista{margin-top:34px}
/* Y al reves: una rejilla que sigue a otra rejilla tampoco tenia separacion propia. */
.mb-dato-grid + .mb-dato-grid,
.mb-choice-grid + .mb-dato-grid{margin-top:18px}