.elementor-5837 .elementor-element.elementor-element-98a0416{--display:flex;--padding-top:60px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-5837 .elementor-element.elementor-element-98a0416:not(.elementor-motion-effects-element-type-background), .elementor-5837 .elementor-element.elementor-element-98a0416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5837 .elementor-element.elementor-element-0831eae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5837 .elementor-element.elementor-element-0831eae:not(.elementor-motion-effects-element-type-background), .elementor-5837 .elementor-element.elementor-element-0831eae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5837 .elementor-element.elementor-element-04a754a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-5837 .elementor-element.elementor-element-04a754a:not(.elementor-motion-effects-element-type-background), .elementor-5837 .elementor-element.elementor-element-04a754a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5837 .elementor-element.elementor-element-9134403{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5837 .elementor-element.elementor-element-d2decaf{--grid-columns:1;--grid-row-gap:0px;}.elementor-5837 .elementor-element.elementor-element-94f4690{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5837 .elementor-element.elementor-element-c7bfdd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-5837 .elementor-element.elementor-element-d2decaf{--grid-columns:1;}}@media(max-width:700px){.elementor-5837 .elementor-element.elementor-element-04a754a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5837 .elementor-element.elementor-element-9134403{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-5837 .elementor-element.elementor-element-d2decaf{--grid-columns:1;}.elementor-5837 .elementor-element.elementor-element-94f4690{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5837 .elementor-element.elementor-element-94f4690.e-con{--order:-99999 /* order start hack */;}}@media(min-width:701px){.elementor-5837 .elementor-element.elementor-element-9134403{--width:70%;}.elementor-5837 .elementor-element.elementor-element-94f4690{--width:30%;}}/* Start custom CSS *//* Fecha (columna izquierda) */
.agenda-date{
  text-align:center;
  line-height:1.1;
  margin-top:4px;
}

.agenda-date__dm{
  font-weight:700;
  font-size:22px;
  /* Día + mes con tipografía de headings */
    font-family: var(--e-global-typography-primary-font-family);
  letter-spacing: 0.03em;
}

.agenda-date__dow{
  font-size:12px;
  opacity:.75;
  margin-top:4px;
  letter-spacing:.06em;
}

.agenda-date--range{
  text-align:center;
  line-height:1.05;
}

.agenda-date__range-top{
  font-size:12px;
  opacity:.75;
  letter-spacing:.08em;
  margin-bottom:2px;
}

.agenda-date__range-dm{
  font-weight:700;
  font-size:18px;
  margin-bottom:6px;
    /* Día + mes con tipografía de headings */
    font-family: var(--e-global-typography-primary-font-family);
  letter-spacing: 0.03em;
}

/* NUEVO (discreto) */
.agenda-new{
  font-size: 15px;
  font-weight: 700;
  opacity: .85;
  letter-spacing: .02em;
  color: var(--e-global-color-a758bd4);
}

/* Centrar el badge NUEVO dentro del widget que lo contiene */
.agenda-new-wrap {
  display: flex;
  align-items: center;     /* centra vertical */
  justify-content: center; /* centra horizontal */
}

/* Asegura que el chip no se estire raro */
.agenda-new-wrap .agenda-new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* Badge tipo */
.agenda-badge{
  display:inline-block;
  padding:4px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
  margin-left:8px; /* separación del botón */
  vertical-align:middle;  /* alinear con botón */
}

.agenda-badge--teatro{
  background: var(--e-global-color-a758bd4);
  color: var(--e-global-color-text);
}

.agenda-badge--monologo{
  background: var(--e-global-color-d009402);
  color: var(--e-global-color-text);
}

.agenda-badge--estado{
  background: var(--e-global-color-text);
  color: var(--e-global-color-primary);
}


/* ======================================================
   Carteles laterales — shortcode [agenda_carteles]
   ====================================================== */

/* Contenedor: columna vertical con separación */
.agenda-carteles {
  display: flex;
  flex-direction: column;
  gap: 18px; /* separación entre carteles */
}

/* Cada cartel */
.agenda-carteles .agenda-cartel {
  position: relative;
  margin: 0;
}

/* Imagen del cartel */
.agenda-carteles .agenda-cartel img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px; /* opcional, mejora visual */
}

/* Ocultar texto inferior (figcaption) */
.agenda-carteles .agenda-cartel figcaption {
  display: none;
}

/* ======================================================
   Badge del tipo superpuesto (arriba derecha)
   Respeta colores definidos por tipo
   ====================================================== */

.agenda-carteles .agenda-cartel__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  z-index: 2;

  display: inline-flex;
  align-items: center;

  padding: 6px 10px;
  border-radius: 999px;

  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(0,0,0,.50);
}


/* Cartel clicable: sin estilos de enlace y ocupando toda la imagen */
.agenda-carteles .agenda-cartel__link {
  display: block;
  text-decoration: none;
}

.agenda-carteles .agenda-cartel__link:focus,
.agenda-carteles .agenda-cartel__link:hover {
  text-decoration: none;
}



/* ============================
   MÓVIL: fecha de rango en línea (mismo peso que fecha normal)
   ============================ */
@media (max-width: 767px) {

  .agenda-date--range{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    gap: 6px;
    line-height: 1.2;
    margin-top: 0;
  }

  /* "Del" y "al" */
  .agenda-date__range-top{
    margin: 0;
    font-size: 12px;
    opacity: .75;
    letter-spacing: .06em;
  }

  /* Fechas del rango */
  .agenda-date__range-dm{
    margin: 0;
    font-size: 22px; /* igual que .agenda-date__dm */
    font-weight: 700;
    letter-spacing: 0.03em;
    font-family: var(--e-global-typography-primary-font-family);
  }
}



/* =========================================
   Botón ENTRADAS (shortcode [evento_entradas])
   Replica el CSS del widget global (sin `body.elementor-page-5837`)
   ========================================= */

/* Tamaño icono y transición */
.agenda-entradas-wrap .elementor-button-icon {
  font-size: 10px; /* ajusta si quieres */
  transition: transform 0.3s ease;
}

/* Hover: mover icono en diagonal */
.agenda-entradas-wrap:hover .elementor-button-icon {
  transform: translate(3px, -3px);
}

/* Hover: botón negro */
.agenda-entradas-wrap .elementor-button:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* Hover: texto blanco */
.agenda-entradas-wrap .elementor-button:hover .elementor-button-text {
  color: #EFEEE6 !important;
}

/* Hover: SVG y path blancos */
.agenda-entradas-wrap .elementor-button:hover svg,
.agenda-entradas-wrap .elementor-button:hover svg path {
  fill: #EFEEE6 !important;
  stroke: none !important;
  color: #EFEEE6 !important;
}


/* ======================================================
   FILTROS AGENDA
   ====================================================== */

.agenda-filtros{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:30px;
}

/* Botones base: mismo sistema que Elementor */
.agenda-filtro.elementor-button{
  background-color:transparent !important;
  text-decoration:none !important;
}

/* Hover */
.agenda-filtro.elementor-button:hover{
  background-color:#000000 !important;
  border-color:#000000 !important;
}

.agenda-filtro.elementor-button:hover .elementor-button-text{
  color:#EFEEE6 !important;
}

/* Estado activo */
.agenda-filtro.is-active{
  background-color:#000000 !important;
  border-color:#000000 !important;
}

.agenda-filtro.is-active .elementor-button-text{
  color:#EFEEE6 !important;
}

/* Focus accesible */
.agenda-filtro.elementor-button:focus{
  outline:none;
}

.agenda-filtro.elementor-button:focus-visible{
  outline:2px solid #000;
  outline-offset:2px;
}

/* ======================================================
   ITEMS FILTRADOS (sin animación)
   ====================================================== */

.agenda-listado .e-loop-item{
  opacity: 1;
}

/* ======================================================
   RESPONSIVE FILTROS
   ====================================================== */

@media (max-width: 767px){
  .agenda-filtros{
    gap:10px;
    margin-bottom:22px;
  }
}/* End custom CSS */