/* === Fuente KIONA (Regular & Italic) === */
@font-face {
  font-family: 'Kiona';
  src: url('../fonts/Kiona-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kiona';
  src: url('../fonts/Kiona-Itallic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Garet Book */
@font-face {
  font-family: 'Garet';
  src: url('assets/fonts/garet/Garet-Book.woff2') format('woff2'),
       url('assets/fonts/garet/Garet-Book.woff') format('woff'),
       url('assets/fonts/garet/Garet-Book.ttf') format('truetype'),
       url('assets/fonts/garet/Garet-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Garet Heavy */
@font-face {
  font-family: 'Garet';
  src: url('assets/fonts/garet/Garet-Heavy.woff2') format('woff2'),
       url('assets/fonts/garet/Garet-Heavy.woff') format('woff'),
       url('assets/fonts/garet/Garet-Heavy.ttf') format('truetype'),
       url('assets/fonts/garet/Garet-Heavy.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* === Ejemplo de aplicación === */
.flex_caption.container h1,
#quienes-somos > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-14d71e6e.column-style-top 
> div > div.elementor-element.elementor-element-a645172.elementor-widget.elementor-widget-heading.animated.fadeInUp > h2 {
  font-family: 'Kiona', sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 1.2;
}
#quienes-somos > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-14d71e6e.column-style-top 
> div > div.elementor-element.elementor-element-a645172.elementor-widget.elementor-widget-heading.animated.fadeInUp > h2 {
     font-weight: 800;
}

.flex_caption.container h1.title.captionDelay6.fromTop {
  font-family: 'Garet', sans-serif !important;
  font-weight: 800;
  letter-spacing: 1px;
}
#quienes-somos h3.elementskit-info-box-title, 
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-c370a8f.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c8e44b5.column-style-top > div > div.elementor-element.elementor-element-e00bcbd.elementor-widget.elementor-widget-heading.animated.fadeInUp > h2 ,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-c370a8f.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c8e44b5.column-style-top > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-1bb4f07.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.row-top > div > div > div > div > div > a > div > div > h3,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-c370a8f.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c8e44b5.column-style-top > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-9ab1c7f.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.row-top > div > div > div > div > div > a > div > div > h3,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-c370a8f.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c8e44b5.column-style-top > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-87dc234.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.row-top > div > div > div > div > div > a > div > div > h3,
#academia > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-72d2879d.column-style-top > div > section > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-440e1a2.column-style-top.animated.zoomIn > div > div.elementor-element.elementor-element-fde4284.elementor-widget.elementor-widget-heading > h5,
#academia > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-72d2879d.column-style-top > div > section > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-5fe0c238.column-style-top.animated.zoomIn > div > div.elementor-element.elementor-element-638a9464.elementor-widget.elementor-widget-heading > h5,
#academia > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-72d2879d.column-style-top > div > section > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-3878e332.column-style-top.animated.zoomIn > div > div.elementor-element.elementor-element-33d41238.elementor-widget.elementor-widget-heading > h5,
#asesorias > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-16165b6f.column-style-top > div > div.elementor-element.elementor-element-87a0b8a.elementor-widget.elementor-widget-text-editor
{
    font-family: 'Garet', sans-serif !important;
    font-weight: 200;
    letter-spacing: 1px;
}

.flex_caption.container h3.sub-title.captionDelay8.fromTop,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-c370a8f.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c8e44b5.column-style-top > div > div.elementor-element.elementor-element-e00bcbd.elementor-widget.elementor-widget-heading.animated.fadeInUp > h2,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-5538ca90.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div > div > div.elementor-element.elementor-element-34c0b8af.elementor-widget.elementor-widget-heading > h2,
#academia > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-289619bb.column-style-top > div > div.elementor-element.elementor-element-62961722.elementor-widget.elementor-widget-heading.animated.fadeInUp > h2,
#page-content > div > div.elementor-element.elementor-element-605bccd.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > h2,
#asesorias > div.elementor-container.elementor-column-gap-default > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-16165b6f.column-style-top > div > div.elementor-element.elementor-element-34e6c742.elementor-widget.elementor-widget-heading.animated.fadeInUp > h4,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d4d27e8.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div > div > div > h2,
#blog > div > div > div > div.elementor-element.elementor-element-118d253c.elementor-widget.elementor-widget-heading.animated.fadeInUp > h2,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-70f2382d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.row-top > div.elementor-container.elementor-column-gap-default > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-6f4aff80.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-e0c1b7e.column-style-top > div > div.elementor-element.elementor-element-60712faa.elementor-widget.elementor-widget-heading > h5,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-70f2382d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.row-top > div.elementor-container.elementor-column-gap-default > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-6f4aff80.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-7ac6e049.column-style-top > div > div.elementor-element.elementor-element-5fc90465.elementor-widget.elementor-widget-heading > h5,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-70f2382d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.row-top > div.elementor-container.elementor-column-gap-default > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-6f4aff80.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-24bcb8a.column-style-top > div > div.elementor-element.elementor-element-42fc67bc.elementor-widget.elementor-widget-heading > h5
{
  font-family: 'Kiona', sans-serif !important;
  font-weight: 800;
  letter-spacing: 1px;
}

/* Centrar y espaciar los logos */
#gallery-1 {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center;     /* alinea verticalmente */
  flex-wrap: wrap;         /* permite que bajen en pantallas pequeñas */
  margin: -18px 0px 10px 0px !important;          /* espacio arriba y abajo */
}

#gallery-1 .gallery-item {
  float: none !important;  /* quitar flotado de WP */
  margin: 0;               /* quitar márgenes extra */
}

/* Aplica margen solo al 4to y 5to logo */
#gallery-1 .gallery-item:nth-child(4),
#gallery-1 .gallery-item:nth-child(5) {
  margin-left: 0px;
}

/* --- Prestaciones --- */
#gallery-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centra la galería */
  gap: 8px; /* espacio horizontal y vertical entre ítems */
}

#gallery-2 .gallery-item {
  text-align: center;
}

/* títulos de cada prestación */
#gallery-2 .gallery-caption {
  font-family: 'Garet', sans-serif !important;
  font-weight: 400; /* usa 700 si prefieres Garet Heavy */
  font-size: 1rem;
  margin-top: 8px;
  color: #2c517e; /* azul de tu paleta */
}

/* Contenedor de la imagen */
#gallery-2 .gallery-icon {
  position: relative;
  overflow: hidden;
  border-radius: 10px; /* opcional, esquinas suaves */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Imagen */
#gallery-2 .gallery-icon img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Hover sobre la caja */
#gallery-2 .gallery-icon:hover img {
  transform: scale(1.05); /* leve zoom */
  filter: brightness(1.1); /* un poco más clara */
}

/* Caption con cambio de color */
#gallery-2 .gallery-caption {
  font-family: 'Garet', sans-serif !important;
  transition: color 0.3s ease;
}

#gallery-2 .gallery-item:hover .gallery-caption {
  color: #ffbd59; /* amarillo de tu paleta */
}

#page-content > div > div.elementor-element.elementor-element-605bccd.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div > h2,
#page-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-7d4d27e8.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.row-top > div > div > div > div > h2
{
    padding: 24px 0;
}