@charset "utf-8";
.slick-slider .views-row {width: 234px;} /*Importante para que siempre carge la anchura*/

section.header-carousel{padding: 0px;}
/*Region*/
.region-content{padding: 0px;}
/*Sectio 1*/


/*Accordion*/
.accordion-button:not(.collapsed) {color: var(--tit-section)!important;background-color: #f1f1f1;}
.accordion-button{color: var(--primary-color);height: 80px; font-size: 20px; text-transform: uppercase;line-height:normal;}
.accordion{--bs-accordion-btn-focus-box-shadow: 0 0 0 0.10rem var(--primary-color);}
.accordion-button:focus {scroll-margin-top: 0 !important;outline: none !important;
}


/*Section 2*/

section.container-fluid.services {display: flex;flex-direction: column;align-items: center;}
.boxi{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;background-color: #e6e1d0;overflow: hidden;}
.boxi .grid-container {position: absolute;display: flex;bottom: 0;left: 0;width: 100%;height: 15px;transition: height 0.5s ease-in-out;}
.services .caja {text-align: center;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10px;box-sizing: border-box;background-position: center;}
.services .caja p,.services .caja h4{color:var(--tit-section)!important;}
.icon-box {position: relative;verflow: hidden;}
.boxi::before {overflow: hidden;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/sites/default/files/images/bg-fondo.svg) no-repeat center;background-size: cover;opacity: 0;transform: scale(5);transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.boxi:hover::before {opacity: 0.3;transform: scale(1);}
.caja .grid-container {height: 15px; transition: height 0.5s ease-in-out;}
.boxi:hover .grid-container {height: 30px;transition: height 0.5s ease-in-out;}
.services .icon-box h3{color:var(--tit-section)!important;}
.services .caja:hover h3,.services .caja:hover p{color:var(--primary-color);}
.icn-counter img[class^="ico"] {width: 67px;height: 67px!important;}
.icn-counter img {filter: invert(44%) sepia(11%) saturate(3760%) hue-rotate(39deg) brightness(107%) contrast(69%);}
.services .caja:hover .icn-counter img {filter: invert(100%) sepia(0%) saturate(7493%) hue-rotate(77deg) brightness(107%) contrast(99%);}
.contenedor {display: flex;justify-content: space-around;align-items: center;width: 100%;padding: 20px;flex-wrap: wrap;}
.caja img {width: 80%;}
.boxi[data-src]::after {
    pointer-events: auto; /* Permite que se detecte el clic */
}
.boxi {
    position: relative;
    cursor: pointer; /* Cambia el cursor para indicar que es clickeable */
}

.boxi::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Se asegura de que el área completa sea clickeable */
}

/*PArtners*/
.slick-list{margin-bottom: 50px;}
.slick-slide {padding: 0px 20px;}
.slick-slide img{width: 300px;}
.services .caja:hover h4,.services .caja:hover p{color:#0c434f;}
.slick-slide .logo-vert img {width: 120px !important;max-width: 300px;}
.slick-list.draggable{margin-bottom: 50px;}
/* video*/
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* Proporción 16:9 (divide 9 por 16 y multiplica por 100 para obtener el porcentaje) */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ======== MEDIA QUERIES ======== */

/* Pantallas grandes (min-width: 1200px) */
@media (min-width: 1200px) {
  section.container-fluid.services {
    background-size: cover;
  }
}

/* Pantallas medianas (min-width: 768px) */
@media (min-width: 768px) {
  .header-box h1 {
    font-size: 3rem;
    text-transform: none !important;
  }
}




/* Pantallas pequeñas (max-width: 1024px) */
@media (max-width: 1024px) {
  .services .caja {
    flex: none;
    width: 100%;
    max-width: none;
  }
}

/* Pantallas extra pequeñas (max-width: 768px) */
@media (max-width: 768px) {
  .header-box .mask-header-box {
    padding: 57px 0 0 0;
  }

  .services .caja {
    width: 100%;
  }

  section.container-fluid.services {
    background-size: 80%;
    background-position: left bottom;
  }
}

/* Pantallas muy pequeñas (max-width: 425px) */
@media (max-width: 425px) {
  /* Estilos para la sección .services */
  .services .caja {
    opacity: 1;
    width: 100%;
    height: auto;
    background: none;
    background-color: rgba(255, 255, 255, 0.00);
    margin: 0px;
  }

  .services .caja:hover {
    background: none;
    cursor: pointer;
  }

  .services .caja:hover .icn-counter img {
    background: none;
    cursor: pointer;
    filter: invert(47%) sepia(91%) saturate(2623%) hue-rotate(118deg) brightness(92%) contrast(77%);
  }

  .icn-counter img {
    filter: invert(22%) sepia(33%) saturate(1166%) hue-rotate(172deg) brightness(89%) contrast(87%);
  }


  /* Ajuste de margen en la región .region-call-1 */
  .region-call-1 {
    margin: 30px 0px;
  }
  /* Ajustes en el slider */
  .slick-list.draggable{margin-bottom: 50px;}

  /* Ocultar pseudo-elemento */
  .block1:before {
    display: none;
  }
}