.elementor-3160040101 .elementor-element.elementor-element-968bb02 .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(6, 1fr);}.elementor-3160040101 .elementor-element.elementor-element-968bb02 .swiper-wrapper{align-items:center;}.elementor-3160040101 .elementor-element.elementor-element-968bb02 .elementor-image-carousel-caption{text-align:center;color:#000000;font-family:"Bagoss", Bagoss;}.elementor-3160040101 .elementor-element.elementor-element-968bb02 figcaption{margin-top:0px;}.elementor-3160040101 .elementor-element.elementor-element-968bb02 .elementor-swiper-button{font-size:10px;color:#7A7A7A;}.elementor-3160040101 .elementor-element.elementor-element-968bb02{width:initial;max-width:initial;align-self:center;order:-99999;flex-grow:1;}@media(max-width:767px){.elementor-3160040101 .elementor-element.elementor-element-968bb02 .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(2, 1fr);}.elementor-3160040101 .elementor-element.elementor-element-968bb02 .elementor-image-carousel-caption{font-size:14px;}.elementor-3160040101 .elementor-element.elementor-element-968bb02 figcaption{margin-top:0px;}.elementor-3160040101 .elementor-element.elementor-element-968bb02 .elementor-swiper-button{font-size:15px;}.elementor-3160040101 .elementor-element.elementor-element-968bb02{width:0%;max-width:0%;align-self:flex-start;}}/* Start custom CSS for image-carousel, class: .elementor-element-968bb02 *//* Asegurar que el contenedor de las imágenes permita la posición absoluta */
.slider_categoria {
    position: relative; /* Asegura que el caption se posicione relativo a la imagen */
}

/* Ajustar el estilo y la posición del caption */
.slider_categoria figcaption {
    position: absolute; /* Hacer que el caption se posicione de manera absoluta */
    bottom: 30px; /* Posicionarlo cerca de la parte inferior */
    left: 50%; /* Centrar horizontalmente */
    transform: translateX(-50%); /* Ajustar para centrar el caption */
    border: 1px solid #000000; /* Color del borde */
    padding: 10px 10px; /* Ajustar el padding: arriba y abajo 10px, izquierda y derecha 20px */
    background: transparent; /* Fondo transparente */
    border-radius: 5px; /* Ajusta el radio del borde según tu preferencia */
    box-sizing: border-box;
    text-align: center; /* Centrar el texto */
    color: #000000; /* Color del texto */
    font-weight: bold; /* Hacer el texto en negrita */
    display: inline-block; /* Para que el caption actúe como un botón */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el caption */
    width: 150px; /* Establecer un ancho fijo para todos los botones */
    white-space: nowrap; /* Evitar que el texto se divida en varias líneas */
    z-index: 10; /* Asegurarse de que el caption esté por encima de la imagen */
    margin: 0; /* Eliminar márgenes entre los botones */
}

/* Ajustar el contenedor de cada slide */
.slider_categoria .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden; /* Asegurarse de que el contenido no se desborde */
    margin: 0 0px; /* Añadir margen igual entre los slides */
    padding: 0; /* Eliminar padding entre los slides */
}

/* Ajustar las imágenes dentro del contenedor */
.slider_categoria img {
    width: 100%; /* Asegurar que las imágenes ocupen el 100% del contenedor */
    height: auto;
}

/* Ajustar los márgenes de los botones dentro del carrusel */
.slider_categoria .slick-slide figcaption {
    margin: 0 5px; /* Añadir márgenes uniformes a cada botón */
}

/* Centrar verticalmente las flechas de navegación */
.slick-prev, .slick-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 20; /* Asegurarse de que las flechas estén por encima del contenido */
}

/* Asegurarse de que las flechas no se desplacen fuera del contenedor */
.slick-prev {
    left: -25px; /* Ajusta la posición según sea necesario */
}

.slick-next {
    right: -25px; /* Ajusta la posición según sea necesario */
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .slick-prev, .slick-next {
        display: none; /* Ocultar flechas de navegación en móviles */
    }

    .slider_categoria .slick-slide {
        margin: 0 0px; /* Reducir márgenes entre slides en móviles */
    }

    .slider_categoria figcaption {
        padding: 10px 20px; /* Reducir padding en móviles */
        bottom: 27px; /* Subir un poco los botones en móviles */
        width: 140px; /* Ajustar el ancho de los botones en móviles */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Bagoss';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/BagossCondensed-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Bagoss';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/BagossCondensed-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Bagoss';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/BagossCondensed-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Bagoss';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/BagossCondensed-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Bagoss';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/BagossCondensed-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Bagoss';
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/BagossCondensed-Thin.ttf') format('truetype');
}
 /* End Custom Fonts CSS */