/* Invitación emergente · Ayuno Universal · 11 nov 2026 · estilo navy y oro del recuadro de horario */
.popup-capa{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(9,20,40,.62);opacity:0;transition:opacity .25s ease}
.popup-capa[hidden]{display:none}
.popup-capa.popup-ver{opacity:1}
.popup-abierto,.popup-abierto body{overflow:hidden}
.popup-marco{width:min(520px,90vw);max-height:calc(100vh - 32px);overflow:auto;padding:3px;border-radius:22px;background:linear-gradient(135deg,#F3D58A,#C79A3E 50%,#8E6A22);box-shadow:0 24px 60px rgba(14,35,71,.45);transform:translateY(12px) scale(.98);transition:transform .25s ease}
.popup-ver .popup-marco{transform:none}
.popup-caja{position:relative;border-radius:19px;padding:34px 28px 22px;background:radial-gradient(120% 90% at 50% 0%,#1C3A6E 0%,#0E2347 100%);color:#fff;text-align:center}
.popup-caja p{margin:0}
.popup-cerrar{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#F3D58A;font-size:28px;line-height:1;cursor:pointer}
.popup-cerrar:hover,.popup-cerrar:focus-visible{background:rgba(243,213,138,.14)}
.popup-eyebrow{font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#F3D58A}
.popup-titulo{margin:12px 0 10px;font-family:Marcellus,Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(25px,5.4vw,33px);line-height:1.15;color:#fff}
.popup-texto{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.88)}
.popup-regresiva{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:300px;margin:20px auto 22px}
.popup-regresiva[hidden]{display:none}
.popup-regresiva div{padding:10px 4px 8px;border-radius:12px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(243,213,138,.3)}
.popup-regresiva b{display:block;font-family:"Work Sans",system-ui,sans-serif;font-weight:300;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;color:#F3D58A}
.popup-regresiva span{display:block;margin-top:5px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.popup-acciones{display:grid;gap:10px}
.popup-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none}
.popup-btn-oro{background:linear-gradient(180deg,#F3D58A,#C79A3E);color:#0E2347}
.popup-btn-oro:hover{color:#0E2347;filter:brightness(1.05)}
.popup-btn-linea{border:1px solid rgba(243,213,138,.6);color:#F3D58A}
.popup-btn-linea:hover{color:#fff;border-color:#F3D58A}
.popup-btn:focus-visible,.popup-ahora-no:focus-visible,.popup-cerrar:focus-visible{outline:2px solid #F3D58A;outline-offset:3px}
.popup-ahora-no{min-height:44px;margin-top:8px;padding:8px 16px;border:0;background:transparent;color:rgba(255,255,255,.75);font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:420px){.popup-caja{padding:32px 18px 18px}}
@media (prefers-reduced-motion:reduce){.popup-capa,.popup-marco{transition:none}.popup-marco{transform:none}}
.popup-marco:focus{outline:none}
.popup-btn{text-align:center}

/* Ebook en el popup (13 nov 2026): portada como botón con texto de venta. */
.popup-ebook{justify-content:flex-start;gap:14px;min-height:0;padding:10px 16px 10px 10px;border-radius:14px;border:1px solid rgba(243,213,138,.6);background:rgba(255,255,255,.04);color:#fff;text-align:left;font-weight:400;font-size:14px;line-height:1.35}
.popup-ebook:hover{border-color:#F3D58A;background:rgba(243,213,138,.08);color:#fff}
.popup-ebook img{flex:0 0 auto;width:64px;height:auto;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.popup-ebook-texto{display:grid;gap:2px}
.popup-ebook-apoya{justify-self:start;margin-bottom:4px;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,#F3D58A,#C79A3E);color:#0E2347;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;box-shadow:0 2px 8px rgba(0,0,0,.25)} /* 13 nov: «Apoya» más notable (pedido de Luis) */
.popup-ebook-texto b{color:#F3D58A;font-size:15px;font-weight:600}
.popup-ebook:focus-visible{outline:3px solid #F3D58A;outline-offset:3px}
@media (max-width:420px){.popup-ebook{gap:12px;padding:8px 12px 8px 8px;font-size:13px}.popup-ebook img{width:56px}.popup-ebook-texto b{font-size:14px}}
@media (max-height:700px){.popup-caja{padding-top:24px;padding-bottom:12px}.popup-regresiva{margin:12px auto 14px}.popup-ebook-apoya{font-size:12px;padding:2px 10px;margin-bottom:0}}