/* Ventana global de evento próximo */
body.event-alert-open{overflow:hidden}
.event-alert{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.event-alert.is-open{opacity:1;visibility:visible}
.event-alert__backdrop{position:absolute;inset:0;background:rgba(35,21,13,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.event-alert__dialog{position:relative;z-index:1;width:min(900px,100%);display:grid;grid-template-columns:minmax(300px,42%) minmax(0,58%);overflow:hidden;border:1px solid rgba(190,145,77,.42);border-radius:28px;background:#fffaf2;box-shadow:0 32px 90px rgba(38,20,8,.28);transform:translateY(18px) scale(.985);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.event-alert.is-open .event-alert__dialog{transform:none}
.event-alert__x{position:absolute;z-index:4;top:16px;right:16px;width:40px;height:40px;border:1px solid rgba(177,126,57,.34);border-radius:50%;background:rgba(255,250,242,.92);color:#785126;font:400 27px/1 Georgia,serif;cursor:pointer;box-shadow:0 5px 16px rgba(45,25,10,.08)}
.event-alert__image{position:relative;min-height:430px;background:#3b2414;overflow:hidden}
.event-alert__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,18,7,.05),rgba(37,18,7,.28))}
.event-alert__image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
.event-alert__countdown{position:absolute;z-index:2;left:20px;top:20px;padding:9px 13px;border:1px solid rgba(255,232,190,.62);border-radius:999px;background:rgba(48,27,13,.74);color:#fff6e6;font:700 10px/1 "DM Sans",sans-serif;letter-spacing:.16em;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.event-alert__content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 52px;background:radial-gradient(circle at 92% 10%,rgba(190,145,77,.08),transparent 29%),#fffaf2}
.event-alert__content::after{content:"✦";position:absolute;right:48px;bottom:34px;color:rgba(180,129,62,.10);font:400 86px/1 Georgia,serif;pointer-events:none}
.event-alert__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#a16d2f;font:700 10px/1 "DM Sans",sans-serif;letter-spacing:.22em}
.event-alert__eyebrow span{font-size:16px}
.event-alert h2{margin:0;color:#382317;font:500 clamp(38px,4.2vw,58px)/.96 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}
.event-alert__meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin:21px 0 0;padding:15px 0;border-top:1px solid rgba(185,138,71,.22);border-bottom:1px solid rgba(185,138,71,.18)}
.event-alert__meta span{display:grid;gap:3px;color:#67594e;font:500 12px/1.25 "DM Sans",sans-serif}
.event-alert__meta b{color:#b17a35;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.event-alert__content>p{position:relative;z-index:1;margin:18px 0 0;max-width:520px;color:#6f6157;font:400 14px/1.55 "DM Sans",sans-serif}
.event-alert__actions{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:26px}
.event-alert__primary,.event-alert__secondary{min-height:48px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font:700 13px/1 "DM Sans",sans-serif;cursor:pointer;transition:.22s ease}
.event-alert__primary{border:1px solid #b98239;background:#b98239;color:#fffaf1;box-shadow:0 10px 24px rgba(124,79,26,.16)}
.event-alert__primary:hover{transform:translateY(-2px);background:#a87331}
.event-alert__secondary{border:1px solid rgba(185,138,71,.45);background:transparent;color:#93642d}
.event-alert__secondary:hover{background:#f8ecd9}
@media(max-width:760px){.event-alert{padding:16px}.event-alert__dialog{grid-template-columns:1fr;max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px}.event-alert__image{min-height:220px;max-height:260px}.event-alert__content{padding:30px 24px 28px}.event-alert h2{font-size:38px}.event-alert__meta{margin-top:16px}.event-alert__actions{flex-direction:column;align-items:stretch}.event-alert__primary,.event-alert__secondary{width:100%}.event-alert__x{top:10px;right:10px}}


/* ============================================================
   REFINAMIENTO VISUAL DEL MODAL DE EVENTO PRÓXIMO
   Más fino, con marcos, detalles y mejor jerarquía visual
   ============================================================ */
.event-alert__dialog{
  border:1px solid rgba(184,136,72,.42);
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,0) 32%),
    linear-gradient(180deg,#fffdf7 0%,#fff8ef 100%);
  box-shadow:0 38px 96px rgba(38,20,8,.30), 0 8px 22px rgba(38,20,8,.08);
}

.event-alert__dialog::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:22px;
  border:1px solid rgba(201,163,105,.22);
  pointer-events:none;
  z-index:1;
}

.event-alert__dialog::after{
  content:"";
  position:absolute;
  left:42.1%;
  top:28px;
  bottom:28px;
  width:1px;
  background:linear-gradient(180deg, rgba(201,163,105,0) 0%, rgba(201,163,105,.34) 15%, rgba(201,163,105,.16) 50%, rgba(201,163,105,.34) 85%, rgba(201,163,105,0) 100%);
  z-index:1;
  pointer-events:none;
}

.event-alert__x{
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border:1px solid rgba(177,126,57,.46);
  background:linear-gradient(180deg,rgba(255,252,246,.98),rgba(248,238,223,.96));
  color:#7a5228;
  box-shadow:0 10px 24px rgba(45,25,10,.10), inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.event-alert__x:hover{transform:translateY(-2px) rotate(90deg); box-shadow:0 14px 28px rgba(45,25,10,.15); background:linear-gradient(180deg,#fffdf8,#f4e7d3)}

.event-alert__image{
  min-height:445px;
}
.event-alert__image::before{
  content:"";
  position:absolute;
  inset:16px 0 16px 16px;
  border-radius:20px 0 0 20px;
  border:1px solid rgba(255,239,207,.28);
  z-index:1;
  pointer-events:none;
}
.event-alert__image::after{
  background:
    linear-gradient(180deg,rgba(37,18,7,.08),rgba(37,18,7,.24)),
    linear-gradient(90deg,rgba(37,18,7,.05),rgba(37,18,7,.00) 24%, rgba(37,18,7,.00) 78%, rgba(37,18,7,.20) 100%);
}
.event-alert__image img{
  filter:saturate(.96) contrast(1.03) brightness(.96);
}

.event-alert__countdown{
  left:26px;
  top:24px;
  padding:10px 15px;
  border:1px solid rgba(255,232,190,.68);
  background:linear-gradient(180deg,rgba(58,33,14,.78),rgba(37,20,9,.78));
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}

.event-alert__content{
  padding:54px 56px 50px;
  background:
    radial-gradient(circle at 92% 10%,rgba(190,145,77,.08),transparent 26%),
    radial-gradient(circle at 85% 92%,rgba(190,145,77,.05),transparent 18%),
    linear-gradient(180deg,#fffdf7 0%,#fff8ef 100%);
}

.event-alert__content::before{
  content:"";
  position:absolute;
  inset:22px 22px 22px 0;
  border-radius:0 20px 20px 0;
  border-left:none;
  border:1px solid rgba(201,163,105,.12);
  pointer-events:none;
}

.event-alert__content::after{
  right:42px;
  bottom:28px;
  color:rgba(180,129,62,.10);
  font-size:94px;
}

.event-alert__eyebrow{
  margin-bottom:16px;
  color:#ac7331;
}

.event-alert h2{
  max-width:460px;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.event-alert__meta{
  gap:12px;
  margin:24px 0 0;
  padding:18px 0;
  border-top:1px solid rgba(185,138,71,.20);
  border-bottom:1px solid rgba(185,138,71,.16);
}
.event-alert__meta span{
  min-width:112px;
  padding:10px 12px 9px;
  border-radius:16px;
  background:rgba(255,251,244,.85);
  border:1px solid rgba(208,173,117,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66);
}

.event-alert__content>p{
  margin:20px 0 0;
  max-width:500px;
  font-size:15px;
  line-height:1.65;
}

.event-alert__actions{
  gap:14px;
  margin-top:30px;
}

.event-alert__primary,.event-alert__secondary{
  min-height:52px;
  padding:0 24px;
  box-shadow:0 10px 24px rgba(124,79,26,.08);
}

.event-alert__primary{
  background:linear-gradient(180deg,#cf9a47 0%,#b98239 100%);
  border-color:#b98239;
}
.event-alert__primary:hover{background:linear-gradient(180deg,#d7a554 0%,#bc8540 100%); box-shadow:0 14px 28px rgba(124,79,26,.18)}
.event-alert__secondary{
  background:linear-gradient(180deg,#fffdfa 0%,#fbf2e5 100%);
}
.event-alert__secondary:hover{background:linear-gradient(180deg,#fff9f0 0%,#f7ecd9 100%)}

@media(max-width:760px){
  .event-alert__dialog{border-radius:24px}
  .event-alert__dialog::before{inset:10px;border-radius:18px}
  .event-alert__dialog::after{display:none}
  .event-alert__image{min-height:236px;max-height:270px}
  .event-alert__image::before{inset:12px 12px 0 12px;border-radius:16px 16px 0 0;border-right:1px solid rgba(255,239,207,.28)}
  .event-alert__content{padding:30px 24px 28px}
  .event-alert__content::before{inset:0 14px 14px 14px;border-radius:0 0 16px 16px}
  .event-alert__meta span{min-width:calc(50% - 8px)}
}


/* ============================================================
   VERSIÓN ORNAMENTAL · Modal con ornamentos dorados
   ============================================================ */
.event-alert__dialog{
  background:
    radial-gradient(circle at 14% 12%, rgba(214,175,95,.12), transparent 26%),
    radial-gradient(circle at 88% 88%, rgba(214,175,95,.08), transparent 24%),
    linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#fffdf8 0%,#fff7ee 100%);
}

.event-alert__dialog::before{
  inset:14px;
  border-radius:24px;
  border:1px solid rgba(201,163,105,.28);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);
}

.event-alert__dialog::after{
  left:42.2%;
  width:2px;
  background:linear-gradient(180deg,
    rgba(201,163,105,0) 0%,
    rgba(201,163,105,.45) 14%,
    rgba(201,163,105,.16) 48%,
    rgba(201,163,105,.45) 86%,
    rgba(201,163,105,0) 100%);
}

/* ornamentos principales */
.event-alert__content{
  overflow:hidden;
}

.event-alert__content::before{
  inset:24px 24px 24px 4px;
  border-radius:0 22px 22px 0;
  border:1px solid rgba(201,163,105,.14);
  background:
    radial-gradient(circle at top right, rgba(212,171,96,.05), transparent 22%);
}

.event-alert__content::after{
  content:"✦";
  right:34px;
  bottom:18px;
  color:rgba(176,124,52,.11);
  font-size:110px;
  transform:rotate(4deg);
}

.event-alert__eyebrow::after{
  content:"";
  width:58px;
  height:1px;
  margin-left:10px;
  background:linear-gradient(90deg, rgba(177,126,57,.45), rgba(177,126,57,0));
}

.event-alert h2{
  position:relative;
  padding-bottom:14px;
}
.event-alert h2::after{
  content:"✦";
  position:absolute;
  right:0;
  bottom:-8px;
  color:rgba(176,124,52,.22);
  font-size:18px;
}

.event-alert__meta{
  position:relative;
}
.event-alert__meta::before,
.event-alert__meta::after{
  content:"✦";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:rgba(176,124,52,.28);
  font-size:14px;
}
.event-alert__meta::before{left:-8px}
.event-alert__meta::after{right:-8px}

.event-alert__primary{
  position:relative;
  overflow:hidden;
}
.event-alert__primary::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:999px;
  border:1px solid rgba(255,244,225,.35);
  pointer-events:none;
}

.event-alert__secondary{
  position:relative;
  overflow:hidden;
}
.event-alert__secondary::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:999px;
  border:1px solid rgba(201,163,105,.18);
  pointer-events:none;
}

/* esquina ornamental superior derecha */
.event-alert__content .event-alert__ornament-top,
.event-alert__content .event-alert__ornament-bottom{
  position:absolute;
  pointer-events:none;
  z-index:0;
}

.event-alert__content .event-alert__ornament-top{
  top:28px;
  right:82px;
  width:94px;
  height:30px;
  opacity:.34;
  background:
    radial-gradient(circle at 50% 50%, rgba(176,124,52,.42) 0 2px, transparent 3px),
    linear-gradient(90deg, transparent 0, rgba(176,124,52,.35) 24%, rgba(176,124,52,.35) 76%, transparent 100%);
  background-size:14px 14px, 100% 1px;
  background-repeat:no-repeat;
  background-position:center center, center 15px;
}
.event-alert__content .event-alert__ornament-bottom{
  left:44px;
  bottom:34px;
  width:90px;
  height:26px;
  opacity:.28;
  background:
    linear-gradient(90deg, transparent 0, rgba(176,124,52,.22) 20%, rgba(176,124,52,.22) 80%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgba(176,124,52,.35) 0 2px, transparent 3px);
  background-size:100% 1px, 14px 14px;
  background-repeat:no-repeat;
  background-position:center 13px, center center;
}

/* ornamentos sutiles en imagen */
.event-alert__image::before{
  inset:16px 0 16px 16px;
  border-radius:20px 0 0 20px;
  border:1px solid rgba(255,239,207,.30);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.event-alert__image .event-alert__image-ornament{
  position:absolute;
  right:22px;
  bottom:22px;
  z-index:2;
  width:86px;
  height:86px;
  opacity:.20;
  border:1px solid rgba(255,236,208,.42);
  border-radius:50%;
}
.event-alert__image .event-alert__image-ornament::before,
.event-alert__image .event-alert__image-ornament::after{
  content:"";
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-50%);
  background:rgba(255,236,208,.34);
}
.event-alert__image .event-alert__image-ornament::before{width:1px;height:54px}
.event-alert__image .event-alert__image-ornament::after{width:54px;height:1px}

@media(max-width:760px){
  .event-alert__content .event-alert__ornament-top{right:68px;top:18px;width:72px;opacity:.26}
  .event-alert__content .event-alert__ornament-bottom{left:24px;bottom:22px;width:70px;opacity:.22}
  .event-alert__image .event-alert__image-ornament{width:68px;height:68px;right:16px;bottom:16px;opacity:.16}
}