/* =========================================================
 * ALBUMSHOT EVENTOS · BLOQUE FECHA
 * 4 variantes · una misma estructura VERTICAL
 * Título → subtítulo → día → mes → año → horario
 * ========================================================= */
.ev-fecha{position:relative;width:100%;box-sizing:border-box;overflow:hidden;isolation:isolate}
.ev-fecha .ev-block-inner{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}

/* Fondo general con opacidad independiente del contenido */
.ev-fecha::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--ev-fecha-bg-image,none);background-size:var(--ev-fecha-bg-fit,cover);background-position:50% 50%;background-repeat:no-repeat;opacity:var(--ev-fecha-bg-opacity,1)}

/* Cabecera */
.ev-fecha .ev-date-title,.ev-fecha .ev-date-subtitle{width:100%;box-sizing:border-box;position:relative;z-index:3}
.ev-fecha .ev-date-title{line-height:1.08;margin:0 0 8px}
.ev-fecha .ev-date-subtitle{line-height:1.25;margin:0 0 18px;opacity:.96}

/* Estructura común: SIEMPRE vertical */
.ev-fecha .ev-date-line{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ev-fecha .ev-date-card{
  position:relative;
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center;
overflow:visible;
  margin:0 auto!important;
  transition:transform .25s ease,box-shadow .25s ease}
.ev-fecha .ev-date-day,.ev-fecha .ev-date-month,.ev-fecha .ev-date-year{display:block!important;width:100%!important;text-align:center;position:relative;z-index:2;padding:0;border:0;white-space:normal}
.ev-fecha .ev-date-day{line-height:.95;margin:0;letter-spacing:-.035em}
.ev-fecha .ev-date-month{line-height:1.15;margin:8px 0 0;letter-spacing:.10em;text-transform:uppercase}
.ev-fecha .ev-date-year{line-height:1.15;margin:6px 0 0}

/* Horario: siempre debajo; fondo sólo alrededor del texto */
.ev-fecha .ev-date-time-row{width:100%;display:flex;align-items:center;box-sizing:border-box;margin-top:2px}
.ev-fecha .ev-date-time{width:max-content!important;min-width:0!important;max-width:max-content!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-left:0!important;box-shadow:none}

/* 1 · TRADICIONAL: limpio, sin ornamentos forzados */
.ev-fecha--classic .ev-date-card{gap:0}
.ev-fecha--classic .ev-date-month{margin-top:9px}

/* 2 · CALENDARIO: tarjeta vertical tipo almanaque */
.ev-fecha--calendar .ev-date-card{border:1px solid rgba(0,0,0,.12)!important;outline:0!important;box-shadow:0 12px 28px rgba(0,0,0,.11)!important}
.ev-fecha--calendar .ev-date-month{order:1;margin:0 0 10px!important;padding:8px 12px!important;border-bottom:1px solid rgba(0,0,0,.12)!important;box-sizing:border-box}
.ev-fecha--calendar .ev-date-day{order:2;margin:0!important}
.ev-fecha--calendar .ev-date-year{order:3;margin:9px 0 0!important}

/* 3 · EDITORIAL: vertical, aireado y moderno */
.ev-fecha--minimal .ev-date-card{background:none!important;border:0!important;outline:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
.ev-fecha--minimal .ev-date-day{letter-spacing:-.055em}
.ev-fecha--minimal .ev-date-month{margin-top:6px;letter-spacing:.18em}
.ev-fecha--minimal .ev-date-year{margin-top:5px;opacity:.86}
.ev-fecha--minimal .ev-date-time-row{margin-top:5px}

/* 4 · MARCO: misma columna, presentación enmarcada */
.ev-fecha--marco .ev-date-card{border:2px solid rgba(255,255,255,.78)!important;outline:1px solid rgba(0,0,0,.12)!important;outline-offset:-7px!important;box-shadow:0 14px 32px rgba(0,0,0,.12)!important}
.ev-fecha--marco .ev-date-month{margin-top:9px}

.ev-fecha .ev-date-card img{max-width:100%;height:auto;display:block}

@media(max-width:600px){
  .ev-fecha .ev-date-card{max-width:100%}
  .ev-fecha .ev-date-month{letter-spacing:.06em}
  .ev-fecha--minimal .ev-date-month{letter-spacing:.12em}
}

/* =========================================================
   FECHA WOW · 4 diseños verticales completos
   Misma arquitectura, distinta personalidad visual.
========================================================= */
.ev-fecha .ev-block-inner{align-items:center!important}
.ev-fecha .ev-date-title,.ev-fecha .ev-date-subtitle{max-width:92%;margin-left:auto!important;margin-right:auto!important;text-align:center;}
.ev-fecha .ev-date-title{width:max-content!important;min-width:min(78%,320px);padding:10px 22px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.10);background:rgba(255,255,255,.72);backdrop-filter:blur(3px)}
.ev-fecha .ev-date-subtitle{width:max-content!important;min-width:min(62%,250px);padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.42);box-shadow:0 5px 14px rgba(0,0,0,.06)}
.ev-fecha .ev-date-line{align-items:center!important}
.ev-fecha .ev-date-card{
  margin-left:auto!important;
  margin-right:auto!important;
  left:auto!important;
  right:auto!important}
.ev-fecha .ev-date-time-row{justify-content:center;max-width:92%;margin-left:auto;margin-right:auto}

/* TRADICIONAL · elegante */
.ev-fecha--classic .ev-date-title{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.9)}
.ev-fecha--classic .ev-date-card{
  border-top:1px solid rgba(0,0,0,.16)!important;
  border-bottom:1px solid rgba(0,0,0,.16)!important;
  box-shadow:none!important;
  padding-top:22px!important;
  padding-bottom:22px!important}
.ev-fecha--classic .ev-date-day{font-variant-numeric:lining-nums}
.ev-fecha--classic .ev-date-month{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
}
.ev-fecha--classic .ev-date-month:before,.ev-fecha--classic .ev-date-month:after{content:"";display:inline-block;width:26px;height:1px;background:currentColor;opacity:.35;vertical-align:middle;margin:0 10px}

/* CALENDARIO · almanaque real con cabecera, anillas y profundidad */
.ev-fecha--calendar .ev-date-title{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,245,245,.78));border:1px solid rgba(0,0,0,.08)}
.ev-fecha--calendar .ev-date-card{
  width:min(82%,310px)!important;
  min-height:300px;
  border:0!important;
  border-radius:22px!important;

  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  padding:0 0 24px!important;
  overflow:visible!important}
.ev-fecha--calendar .ev-date-card:before,.ev-fecha--calendar .ev-date-card:after{content:"";position:absolute;top:-13px;width:18px;height:32px;border:4px solid rgba(45,45,45,.62);border-radius:12px;background:transparent;z-index:5}
.ev-fecha--calendar .ev-date-card:before{left:22%}.ev-fecha--calendar .ev-date-card:after{right:22%}
.ev-fecha--calendar .ev-date-month{order:1!important;width:100%!important;margin:0 0 18px!important;padding:24px 12px 15px!important;border:0!important;border-radius:22px 22px 0 0;background:linear-gradient(135deg,rgba(35,35,35,.92),rgba(75,75,75,.88));color:#fff!important;box-sizing:border-box;letter-spacing:.16em}
.ev-fecha--calendar .ev-date-day{order:2!important;margin:0!important;padding-top:4px}
.ev-fecha--calendar .ev-date-year{order:3!important;margin:10px 0 0!important;letter-spacing:.18em}
.ev-fecha--calendar .ev-date-time-row{margin-top:14px!important}

/* EDITORIAL · moderno, premium */
.ev-fecha--minimal .ev-date-title{background:transparent;box-shadow:none;border-radius:0;border-bottom:2px solid currentColor;padding:8px 18px 10px;min-width:0}
.ev-fecha--minimal .ev-date-subtitle{background:transparent;box-shadow:none;padding:2px 10px;min-width:0}
.ev-fecha--minimal .ev-date-card{width:min(90%,360px)!important;position:relative;padding:18px 28px!important}
.ev-fecha--minimal .ev-date-card:before,.ev-fecha--minimal .ev-date-card:after{content:"";position:absolute;top:50%;width:28px;height:1px;background:currentColor;opacity:.24}
.ev-fecha--minimal .ev-date-card:before{left:0}.ev-fecha--minimal .ev-date-card:after{right:0}
.ev-fecha--minimal .ev-date-day{line-height:.82!important}
.ev-fecha--minimal .ev-date-month{letter-spacing:.24em!important;margin-top:14px!important}
.ev-fecha--minimal .ev-date-year{letter-spacing:.12em}

/* MARCO · tarjeta joya, perfectamente centrada */
.ev-fecha--marco .ev-date-title{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.ev-fecha--marco .ev-date-card{width:min(84%,330px)!important;margin:0 auto!important;padding:34px 26px!important;border:1px solid rgba(255,255,255,.95)!important;outline:2px solid rgba(0,0,0,.16)!important;outline-offset:-10px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.30))!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important;backdrop-filter:blur(4px)}
.ev-fecha--marco .ev-date-card:before{content:"✦";position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:13px;opacity:.55}
.ev-fecha--marco .ev-date-card:after{content:"✦";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:13px;opacity:.55}
.ev-fecha--marco .ev-date-month{letter-spacing:.16em!important}

/* horario: joyita compacta */
.ev-fecha .ev-date-time{box-shadow:0 7px 18px rgba(0,0,0,.10)!important;border:1px solid rgba(255,255,255,.42)}

@media(max-width:600px){
 .ev-fecha .ev-date-title{min-width:min(82%,290px);padding:9px 16px}
 .ev-fecha--calendar .ev-date-card{width:min(88%,290px)!important}
 .ev-fecha--marco .ev-date-card{width:min(88%,310px)!important}
}