/* llamadas-dos-niveles.css — aviso de horario de los botones de llamada (hyen.com.co, 21/10/2026).
   Colores de hyen: azul #1757c2 / #0b1e3d, verde WhatsApp #25D366. */
:root {
  --ll2-marca: #1757c2;
  --ll2-marca-oscuro: #0b1e3d;
  --ll2-wa: #25D366;
  --ll2-texto: #1f2937;
}
.ll2-overlay { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(11, 30, 61, .55); backdrop-filter: blur(2px); }
.ll2-overlay.ll2-open { display: flex; }
.ll2-modal { width: 100%; max-width: 440px; max-height: 92vh; overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, .28); font-family: inherit; text-align: left; }
.ll2-head { position: relative; padding: 20px 52px 18px 22px; color: #fff; background: linear-gradient(135deg, var(--ll2-marca-oscuro) 0%, #06122a 100%); }
.ll2-head h3 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 19px; line-height: 1.25; font-weight: 700; color: #fff; text-transform: none; letter-spacing: 0; }
.ll2-head p { margin: 7px 0 0; font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, .92); }
.ll2-ico { flex: 0 0 26px; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ll2-wa); }
.ll2-ico svg { width: 17px; height: 17px; }
.ll2-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .18); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.ll2-close:hover { background: rgba(255, 255, 255, .32); }
.ll2-body { padding: 18px 22px 20px; }
.ll2-num { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px; padding: 12px; border: 1.5px solid #dfe3ec; border-radius: 12px; font-size: 24px; font-weight: 800; letter-spacing: .5px; color: var(--ll2-marca); }
.ll2-num svg { width: 22px; height: 22px; fill: var(--ll2-marca); }
.ll2-horario { margin: 0 0 16px; padding: 10px 12px; border-radius: 10px; background: #f1f5fb; font-size: 13.5px; line-height: 1.45; color: var(--ll2-texto); }
.ll2-horario strong { color: var(--ll2-marca); }
.ll2-wa { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 16px; border: 0; border-radius: 12px; background: var(--ll2-wa); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; }
.ll2-wa:hover { filter: brightness(.94); }
.ll2-wa svg { width: 20px; height: 20px; fill: #fff; }
.ll2-llamar { display: block; margin-top: 12px; text-align: center; font-size: 14px; font-weight: 600; color: var(--ll2-marca); text-decoration: underline; }
.ll2-wa-puente { position: absolute; left: -9999px; }