.elementor-7102 .elementor-element.elementor-element-77271b2{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-7102 .elementor-element.elementor-element-77271b2:not(.elementor-motion-effects-element-type-background), .elementor-7102 .elementor-element.elementor-element-77271b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-7102 .elementor-element.elementor-element-f1e3289{--grid-columns:4;}@media(max-width:1024px){.elementor-7102 .elementor-element.elementor-element-f1e3289{--grid-columns:2;}}@media(max-width:767px){.elementor-7102 .elementor-element.elementor-element-f1e3289{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-b82c209 */#loop-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

#loop-filters input,
#loop-filters select {
  border: 1px solid #444; /* borde más oscuro para fondo negro */
  border-radius: 6px;
  padding: 8px 12px;
  outline: none; /* Quita el outline negro al hacer focus */
  background-color: #000; /* fondo negro */
  color: #fff; /* texto blanco */
}

#loop-filters input {
  flex: 0 0 30%;  /* desktop: 30% */
  background: #000 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24" width="18" height="18"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5L20.49 19l-5-5zm-6 0C8.01 14 6 11.99 6 9.5S8.01 5 10.5 5 15 7.01 15 9.5 12.99 14 10.5 14z"/></svg>') no-repeat right 10px center;
  background-size: 18px; /* tamaño del icono */
  padding-right: 35px; /* espacio para el icono */
}

#loop-filters select {
  flex: 0 0 10%;
  padding: 8px 12px;
  padding-right: 35px; /* más espacio para la flecha */
  border: 1px solid #444;
  border-radius: 6px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #000 url('data:image/svg+xml;utf8,<svg fill="%23fff" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
  background-size: 16px; /* agranda la flecha */
}


/* Tablet y Mobile */
@media (max-width: 1024px) {
  #loop-filters input {
    flex: 0 0 60%; /* buscador 60% */
  }
  #loop-filters select {
    flex: 0 0 30%; /* año 30% */
    padding-right: 30px; /* mantener separación de la flecha */
  }
}

.elementor-loop-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 4 columnas iguales */
  gap: 20px; /* espacio entre charlas */
}

/* Tablet y móvil */
@media (max-width: 1024px) {
  .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en tablet */
  }
}

@media (max-width: 768px) {
  .elementor-loop-container {
    grid-template-columns: 1fr; /* 1 columna en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-f1e3289 */.load-more-flag {
  display: none;
}/* End custom CSS */