/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
 Template: hello-elementor
 Author: Ellie Miguel
 Author URI: https://elliemiguel.es
 Description: nice! :)
 Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
 Version: 3.4.3.1748677005
 Created: 2026-01-12
*/

/* fondo desplazado secciones */
/* .bg-offset-right-50 {
  background-position: right 50px bottom!important;
}

.bg-offset-left-50 {
  background-position: left 50px bottom!important;
} */

/* ============================
   PANAL, filas impares 5, pares 6
   ============================ */

.ellie-logos-honeycomb{
  --cell: 125px;
  --gap-x: 18px;
  --gap-y: 22px;
  --offset: calc((var(--cell) + var(--gap-x)) / 2);
  display: flex;
  flex-direction: column;
  gap: var(--gap-y);
  align-items: center;
}

.ellie-logos-row{
  display: flex;
  gap: var(--gap-x);
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Desplaza la fila par completa (la de 6) */
.ellie-logos-row.is-even{
  /*transform: translateX(var(--offset));*/
}

/* ITEM: imagen arriba, nombre debajo */
.ellie-logos-item{
  width: var(--cell);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.ellie-logos-item img{
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Si dentro hubiera <a>, se desactiva */
.ellie-logos-item a{
  pointer-events: none;
  cursor: default;
}

@media (max-width: 1024px){
  .ellie-logos-honeycomb{
    --cell: 150px;
    --gap-x: 16px;
    --gap-y: 18px;
  }
  .ellie-logos-item img{
    max-width: 130px!important;
  }
}

@media (max-width: 767px){
  .ellie-logos-honeycomb{
    --cell: 120px;
    --gap-x: 14px;
    --gap-y: 16px;
  }
  .ellie-logos-item img{
    max-width: 90px!important;
  }
}

@media (max-width: 479px){
  .ellie-logos-honeycomb{
    --cell: 105px;
    --gap-x: 12px;
    --gap-y: 14px;
  }
  .ellie-logos-item img{
    max-width: 80px!important;
  }
}

/* Mostrar más: ocultar/mostrar filas extra */
.ellie-logos-extra{
  display: none;
}

.ellie-logos-wrap.is-open .ellie-logos-extra{
  display: block;
}

/* Forzar estilo del botón aunque Elementor meta globales */
.ellie-logos-wrap .ellie-logos-more{
  margin-top: 40px;
  background: transparent !important;
  border: 1px solid #ffb774 !important;
  color: #ffb774 !important;
  padding: 10px 14px !important;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Hover */
.ellie-logos-wrap .ellie-logos-more:hover{
  background: #ffb774 !important;
  color: #ffffff !important;
  border-color: #ffb774 !important;
}

/* Si Elementor mete estilos en focus/active */
.ellie-logos-wrap .ellie-logos-more:focus,
.ellie-logos-wrap .ellie-logos-more:active{
  outline: none;
  box-shadow: none !important;
}

.ellie-logos-wrap{
  text-align: center;
}

.ellie-logos-wrap .ellie-logos-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ellie-logos-title{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  color: #333;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
}

/* Alinear galería a la izquierda (solo afecta al bloque, no al contenido interno) */
.ellie-logos-wrap.is-left{
  text-align: left;
}

.ellie-logos-wrap.is-left .ellie-logos-honeycomb{
  align-items: flex-start;
}

.ellie-logos-wrap.is-left .ellie-logos-row{
  justify-content: flex-start;
}

.ellie-logos-wrap.is-left .ellie-logos-title{
  text-align: left;
}



/* Template interno para que JS reconstruya filas */
.ellie-logos-items{
  display: none;
}

/* Ajustes móvil: filas 3/2 se montan por JS, aquí solo tamaños */
@media (max-width: 767px){
  .ellie-logos-honeycomb{
    --cell: 100px;
    --gap-x: 14px;
    --gap-y: 16px;
  }

  .ellie-logos-item img{
    max-width: 80px!important;
  }

  .ellie-logos-title{
    font-size: 12px;
    line-height: 14px;
  }
  .ellie-logos-item{
  padding: 10px;
  box-sizing: border-box;
}
}

/* Si quieres mantener el ajuste extra pequeño */
@media (max-width: 479px){
  .ellie-logos-honeycomb{
    --cell: 100px;
    --gap-x: 12px;
    --gap-y: 14px;
  }

  .ellie-logos-item img{
    max-width: 80px!important;
  }

  .ellie-logos-title{
    font-size: 12px;
    line-height: 14px;
  }

  .ellie-logos-item{
  padding: 10px;
  box-sizing: border-box;
}
}