.elementor-308070201 .elementor-element.elementor-element-7d7dca6b .elementor-image img{width:100%;}.elementor-308070201 .elementor-element.elementor-element-2bd99b72{font-family:"Roboto", Archia;font-weight:bold;}.elementor-308070201 .elementor-element.elementor-element-4e629a95 a.elementor-button:not(#e){color:#ffffff;}.elementor-308070201 .elementor-element.elementor-element-4e629a95 a.elementor-button{background-color:#000000;border-radius:22px 22px 22px 22px;padding:15px 15px 15px 15px;}.elementor-308070201 .elementor-element.elementor-element-4e629a95 a.elementor-button:not(#e):hover, .elementor-308070201 .elementor-element.elementor-element-4e629a95 a.elementor-button:not(#e):focus{color:#000000;}.elementor-308070201 .elementor-element.elementor-element-4e629a95 a.elementor-button:hover, .elementor-308070201 .elementor-element.elementor-element-4e629a95 a.elementor-button:focus{background-color:#fcc300;border-color:#000000;}.elementor-308070201 .elementor-element.elementor-element-4e629a95 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-308070201 .elementor-element.elementor-element-40813574 .elementor-image img{width:100%;}.elementor-308070201 .elementor-element.elementor-element-1a83825a{font-family:"Roboto", Archia;font-weight:bold;}.elementor-308070201 .elementor-element.elementor-element-4793ce40 a.elementor-button:not(#e){color:#ffffff;}.elementor-308070201 .elementor-element.elementor-element-4793ce40 a.elementor-button{background-color:#000000;border-radius:22px 22px 22px 22px;padding:15px 15px 15px 15px;}.elementor-308070201 .elementor-element.elementor-element-4793ce40 a.elementor-button:not(#e):hover, .elementor-308070201 .elementor-element.elementor-element-4793ce40 a.elementor-button:not(#e):focus{color:#000000;}.elementor-308070201 .elementor-element.elementor-element-4793ce40 a.elementor-button:hover, .elementor-308070201 .elementor-element.elementor-element-4793ce40 a.elementor-button:focus{background-color:#fcc300;border-color:#000000;}.elementor-308070201 .elementor-element.elementor-element-4793ce40 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-308070201 .elementor-element.elementor-element-428678a3 .elementor-spacer-inner{height:43px;}.elementor-308070201 .elementor-element.elementor-element-376ef23c .elementor-toggle .elementor-tab-title{font-family:"Roboto", Archia;}.elementor-308070201 .elementor-element.elementor-element-376ef23c .elementor-toggle .elementor-tab-content{font-family:"Roboto", Archia;}@media(max-width:767px){.elementor-308070201 .elementor-element.elementor-element-40813574{width:100%;max-width:100%;}.elementor-308070201 .elementor-element.elementor-element-1f461b6d .elementor-heading-title{font-size:16px;}.elementor-308070201 .elementor-element.elementor-element-1a83825a{font-size:14px;}.elementor-308070201 .elementor-element.elementor-element-2438855f .elementor-toggle .elementor-tab-title{font-size:18px;}.elementor-308070201 .elementor-element.elementor-element-2438855f .elementor-toggle .elementor-tab-content{font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-324e753a */.celo-fairs-cta-center {
  margin: 20px 0 14px;
  display: flex;
  justify-content: center; /* centra horizontalmente el botón */
}

.celo-fairs-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 24px;
  border-radius: 999px;
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out,
              color 0.2s ease-in-out,
              transform 0.2s ease-in-out,
              box-shadow 0.2s ease-in-out;
}

.celo-fairs-cta-btn:hover {
  background-color: #FFC300;
  color: #000000;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1303b9 */.celo-fairs-cta-center {
  margin: 20px 0 14px;
  display: flex;
  justify-content: center; /* centra horizontalmente el botón */
}

.celo-fairs-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 24px;
  border-radius: 999px;
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out,
              color 0.2s ease-in-out,
              transform 0.2s ease-in-out,
              box-shadow 0.2s ease-in-out;
}

.celo-fairs-cta-btn:hover {
  background-color: #FFC300;
  color: #000000;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e019fff *//* GRID: cards en filas de 2 en desktop, 1 en móvil, misma altura por fila */
.events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 12px;
}

/* Tarjeta: el inner es flex-col para alinear botón al fondo */
.event-card {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #D9D9D9; /* CELO light grey [file:31] */
  background-color: #FFFFFF;
}

.event-card--highlight {
  border-width: 2px;
}

.event-inner {
  display: flex;
  flex-direction: column;
  height: 100%;          /* mismo alto dentro de la rejilla */
}

/* Cabecera tipo screenshot: banda amarilla/negra con ciudad centrada */
.event-header {
  background-color: #FFC300; /* CELO yellow [file:31] */
  padding: 8px 12px;
  text-align: center;
  font-weight: 600;
}

.event-header--dark {
  background-color: #000000;
  color: #FFFFFF;
}

.event-body {
  padding: 10px 12px;
  font-size: 14px;
  flex-grow: 1;          /* ocupa el espacio variable, empuja el footer abajo */
}

.event-date {
  font-weight: 600;
  margin-bottom: 4px;
}

.event-venue {
  margin-bottom: 0;
}

/* Footer fijo al fondo: todos los botones a la misma altura */
.event-footer {
  padding: 10px 12px 12px;
  display: flex;
  justify-content: flex-start;
}

/* Botón CELO (negro + hover amarillo) */
.event-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out,
              color 0.2s ease-in-out,
              transform 0.2s ease-in-out,
              box-shadow 0.2s ease-in-out;
  white-space: nowrap;
}

.event-btn:hover {
  background-color: #FFC300;
  color: #000000;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for toggle, class: .elementor-element-376ef23c *//* Texto de respuesta FAQ: estilo general */
.celo-faq .elementor-tab-content {
  font-size: 15px;
  font-weight: 400;
}

/* Ajuste específico para móvil */
@media (max-width: 767px) {
  .celo-faq .elementor-tab-content {
    font-size: 14px;
    font-weight: 400;
  }
}/* End custom CSS */
/* Start custom CSS for toggle, class: .elementor-element-2438855f *//* Texto de respuesta FAQ: estilo general */
.celo-faq .elementor-tab-content {
  font-size: 15px;
  font-weight: 400;
}

/* Ajuste específico para móvil */
@media (max-width: 767px) {
  .celo-faq .elementor-tab-content {
    font-size: 14px;
    font-weight: 400;
  }
}/* End custom CSS */