/* Widget «Video con nubes»: el marco deja espacio para que las nubes se asomen sin salirse de la columna. */
.wz-vn{position:relative;padding:34px 0 34px 34px;width:100%}
.wz-vn__marco{position:relative;overflow:hidden;background:#0b2550;border:6px solid #fff;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.wz-vn__video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}

.wz-vn__nube{position:absolute;display:flex;align-items:center;gap:11px;padding:9px 18px 9px 9px;background:#fff;color:var(--e-global-color-primary,#0b2550);border-radius:999px;box-shadow:0 16px 36px rgba(4,18,46,.38);font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;animation:wz-vn-flota 5s ease-in-out infinite}
.wz-vn__icono{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#edf3fe;color:var(--e-global-color-e7a0001,#094cba);font-size:19px}
.wz-vn__icono svg{width:20px;height:20px;fill:currentColor}
.wz-vn__nube--acento .wz-vn__icono{background:#eff8cf;color:#4a7a00}

.wz-vn__nube--arriba-izq{left:-6px;top:7%}
.wz-vn__nube--medio-izq{left:-34px;top:44%}
.wz-vn__nube--abajo-izq{left:-6px;bottom:0}
.wz-vn__nube--arriba-der{right:-14px;top:7%}
.wz-vn__nube--medio-der{right:-20px;top:44%}
.wz-vn__nube--abajo-der{right:-14px;bottom:0}

@keyframes wz-vn-flota{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.wz-vn__nube{animation:none}}

/* En tablet la franja sigue en dos columnas angostas: la nube del medio no debe tapar el texto de al lado. */
@media (max-width:1024px){
  .wz-vn__nube--medio-izq{left:-12px}
}
@media (max-width:767px){
  .wz-vn{padding:26px 0 56px}
  .wz-vn__marco{border-width:4px;border-radius:16px}
  .wz-vn__nube{gap:8px;padding:6px 12px 6px 6px;font-size:12.5px}
  .wz-vn__icono{width:30px;height:30px;font-size:14px}
  .wz-vn__icono svg{width:15px;height:15px}
  .wz-vn__nube--arriba-izq,.wz-vn__nube--arriba-der{top:0}
  .wz-vn__nube--arriba-izq{left:-4px}
  .wz-vn__nube--arriba-der{right:-4px}
  .wz-vn__nube--medio-izq,.wz-vn__nube--abajo-izq{left:-4px;top:auto;bottom:6px}
  .wz-vn__nube--medio-der,.wz-vn__nube--abajo-der{right:-4px;top:auto;bottom:6px}
}