.elementor-kit-8{--e-global-color-primary:#84B6E0;--e-global-color-secondary:#466BA6;--e-global-color-text:#7A7A7A;--e-global-color-accent:#CC9E43;--e-global-color-c890c2a:#DDF0F8;--e-global-color-48e0d1b:#EBEBEB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-description{font-family:"Raleway", Sans-serif;}.site-footer .copyright p{font-family:"Raleway", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   TARJETA BASE
========================================================= */
.elementor .tarjeta-evento{
  padding: 20px 22px;
  border: 1px solid #e6eef6;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  background: #fff;
  margin-bottom: 18px;
  position: relative;
}

/* =========================================================
   CUADRO DE FECHA (CUADRADO)
   Estructura: contenedor .fecha-caja con .fecha-dia y .fecha-mes adentro
========================================================= */
.elementor .tarjeta-evento .fecha-caja{
  width: 72px;                 /* cuadrado */
  height: 72px;                /* cuadrado */
  border: 2px solid #143050;   /* azul institucional oscuro */
  border-radius: 12px;
  background: #eaf3fb;         /* celeste muy suave */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.elementor .tarjeta-evento .fecha-dia{
  font-family: inherit;
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
  color: #143050;
  margin: 0;
}

.elementor .tarjeta-evento .fecha-mes{
  font-family: inherit;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .12em;
  color: #143050;
  text-transform: uppercase;
  margin: 0;
}

/* tamaño cómodo en mobile */
@media (max-width: 767px){
  .elementor .tarjeta-evento .fecha-caja{
    width: 64px;
    height: 64px;
    border-radius: 10px;
  }
  .elementor .tarjeta-evento .fecha-dia{ font-size: 24px; }
  .elementor .tarjeta-evento .fecha-mes{ font-size: 11px; }
}

/* =========================================================
   BANDERA + PAÍS (alineados y sin huecos raros)
========================================================= */
.elementor .tarjeta-evento .pais-linea{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  column-gap: 6px !important;       /* neutraliza gaps del contenedor si los hubiera */
}
.elementor .tarjeta-evento .pais-linea img{
  width: 18px; height: 12px;
  object-fit: cover;
  display: block;
  margin: 0 !important;
}

/* =========================================================
   UBICACIÓN: Ciudad + Provincia en una sola línea
   (el icono de ubicación puede ir dentro del mismo contenedor)
========================================================= */
.elementor .tarjeta-evento .ubicacion-linea{
  display: flex;
  align-items: center;
  gap: 10px;                        /* icono ↔ textos */
  flex-wrap: nowrap;                /* evita salto de línea */
  column-gap: 10px !important;
}
.elementor .tarjeta-evento .ubicacion-linea .ciudad{
  display: inline-block;
  white-space: nowrap;              /* no se corta “Maldonado” */
  margin: 0;
}
.elementor .tarjeta-evento .ubicacion-linea .provincia{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 8px;
  background: #eef4fb;              /* pill suave */
  color: #143050;
  font-weight: 600;
}

/* Ajustes de contención en pantallas angostas */
@media (max-width: 767px){
  .elementor .tarjeta-evento .ubicacion-linea{
    gap: 8px;
  }
  .elementor .tarjeta-evento .ubicacion-linea .provincia{
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* =========================================================
   BOTÓN +INFO (visibilidad y alineación en mobile)
========================================================= */
.elementor .tarjeta-evento .btn-info{
  display: inline-flex !important;
  align-self: flex-end;        /* si el padre es flex, se va a la derecha */
  margin-left: auto;           /* empuja hacia la derecha */
  position: static !important; /* por si quedó absolute/fixed */
  transform: none !important;
  z-index: 2;
  gap: 8px;
}
@media (max-width: 767px){
  .elementor .tarjeta-evento .btn-info{
    font-size: 14px;
    padding: 10px 14px;
    margin-top: 8px;
  }
}

/* =========================================================
   BARRITA DE ACORDEÓN (si usás un título/strip “Info”)
========================================================= */
.elementor .tarjeta-evento .barra-info{
  background: #dff0ff;
  color: #143050;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
}

/* =========================================================
   GUARD-RAILS: neutralizamos posibles “gaps” heredados
========================================================= */
.elementor .tarjeta-evento .pais-linea,
.elementor .tarjeta-evento .ubicacion-linea{
  column-gap: inherit !important;
}/* End custom CSS */