.elementor-270 .elementor-element.elementor-element-52fe10c{--e-image-carousel-slides-to-show:4;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-52fe10c .swiper-wrapper{display:flex;align-items:center;}.elementor-270 .elementor-element.elementor-element-52fe10c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-270 .elementor-element.elementor-element-89afdc6{--display:flex;}.elementor-270 .elementor-element.elementor-element-9427c77{--display:flex;}.elementor-270 .elementor-element.elementor-element-5b3246c{--display:flex;}.elementor-270 .elementor-element.elementor-element-b2964ab{--display:flex;}.elementor-270 .elementor-element.elementor-element-6ae7055{--display:flex;}.elementor-270 .elementor-element.elementor-element-53983f5{--display:flex;}.elementor-270 .elementor-element.elementor-element-a522109{--display:flex;}.elementor-270 .elementor-element.elementor-element-ebf61e2{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;width:100%;max-width:100%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-text );--e-n-carousel-dots-hover-color:var( --e-global-color-primary );}.elementor-270 .elementor-element.elementor-element-7ad1df0{--e-image-carousel-slides-to-show:6;}.elementor-270 .elementor-element.elementor-element-7ad1df0 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-270 .elementor-element.elementor-element-7ad1df0 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-text );}.elementor-270 .elementor-element.elementor-element-7ad1df0 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-270 .elementor-element.elementor-element-7ad1df0 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-text );}.elementor-270 .elementor-element.elementor-element-7ad1df0 .swiper-wrapper{display:flex;align-items:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-270 .elementor-element.elementor-element-ebf61e2{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-270 .elementor-element.elementor-element-52fe10c{--e-image-carousel-slides-to-show:2;}.elementor-270 .elementor-element.elementor-element-ebf61e2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-270 .elementor-element.elementor-element-7ad1df0{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for image-carousel, class: .elementor-element-52fe10c */.elementor-270 .elementor-element.elementor-element-52fe10c .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c2b064 */.custom-select {
  box-sizing: border-box;

  width: 100%;
  height: 34px;

  padding: 0 12px;

  background: #242424;
  border: 0.5px solid #adadad;
  border-radius: 5px;

  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #bdbdbd;

  outline: none;
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* Flecha custom */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23BDBDBD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 12px center;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}

/* Hover */
.custom-select:hover {
  border-color: #d0d0d0;
}

/* Focus */
.custom-select:focus {
  border-color: #ffffff;
}

/* Options */
.custom-select option {
  background: #242424;
  color: #bdbdbd;
}/* End custom CSS */
/* Start custom CSS */#servicios > div > div > div > div.elementor-swiper-button.elementor-swiper-button-prev{
    display: none;
}

/* ── CONTENEDOR ────────────────────────────────────── */
#puntos-metodos {
    display: flex !important;
    overflow: visible !important; /* permite que el item desborde */
}

/* ── ITEMS (estado base) ────────────────────────────── */
#puntos-metodos > .elementor-element {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    z-index: 1;
    background-color: transparent;
    /* Transiciones únicamente de las props que cambian */
    transition:
        padding-right  .45s cubic-bezier(.22, .61, .36, 1),
        margin-right   .45s cubic-bezier(.22, .61, .36, 1),
        background-color .35s ease;
}

/* ── HOVER: crece ~72px hacia la derecha, "pisa" al vecino ── */
#puntos-metodos > .elementor-element:hover {
    padding-right:    100px;   /* padding original (28px) + expansión (72px) */
    margin-right:    -72px;    /* compensa en el flujo flex → sin reflow      */
    background-color: #242424;
    z-index: 20;               /* queda encima del vecino                     */
}

/* ── TÍTULO ─────────────────────────────────────────── */
#puntos-metodos > .elementor-element h4 {
    transition: color .3s ease;
}

#puntos-metodos > .elementor-element:hover h4 {
    color: #ffffff;
}

/* Pega este código en las propiedades del widget de Carrusel en Elementor:
  Pestaña "Avanzado" -> "CSS Personalizado"
*/

#carrusel-testimonios .swiper-pagination-bullet {
    width: 47px !important;
    /* Ajustamos la altura equivalente al grosor visual de tu borde en Figma */
    height: 3px !important; 
    background-color: rgba(145, 145, 145, 0.59) !important;
    
    /* Esto quita el círculo predeterminado dejándolo como rectángulo recto */
    border-radius: 0 !important; 
    
    /* Swiper suele bajar la opacidad a los inactivos, la forzamos a 1 */
    opacity: 1 !important; 
    
    /* Separación entre cada línea (puedes ajustar el 4px a tu gusto) */
    margin: 0 4px !important; 
    transition: all 0.3s ease;
}

#carrusel-testimonios .swiper-pagination-bullet-active {
    width: 46px !important;
    background-color: #000000 !important;
}

/* Alineación del paginador a la derecha */
#carrusel-testimonios .swiper-pagination {
    text-align: right !important;
    display: block !important;
    width: 100% !important;
    padding-right: 10px; /* Ajusta este valor si necesitas separarlo un poco del borde derecho */
    white-space: nowrap !important; /* Evita que los rectángulos salten de línea */
}

/* Ajustes para dispositivos móviles (Celulares) */
@media (max-width: 767px) {
    #carrusel-testimonios .swiper-pagination-bullet, 
    #carrusel-testimonios .swiper-pagination-bullet-active {
        width: 20px !important; /* Hacemos los rectángulos más cortos */
        margin: 0 2px !important; /* Reducimos la separación entre ellos */
    }
    
    #carrusel-testimonios .swiper-pagination {
        text-align: center !important; /* Opcional: Centrar en celular suele quedar mejor, si lo quieres a la derecha cambia 'center' por 'right' */
        padding-right: 0px !important;
    }
}/* End custom CSS */