/* ====================================================
   BASE – VISTA DESKTOP (y laptops)
   ==================================================== */
.home-banner-module {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.home-banner-module .banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
}
.home-banner-module .banner-container>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.home-banner-module .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: white;
}

.home-banner-module .swiper .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 28px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 18px);
    background: var(--swiper-pagination-bullet-inactive-color, white);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .4);
}

.home-banner-module .swiper .swiper-button-next,
.home-banner-module .swiper .swiper-button-prev {
    color: white;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6));
}

/* ----- HOME CATALOG MODULE ----- */

.home_catalog_container {
    width: 95%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    margin: 0px auto 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.home-catalog-module .home_catalog_container >h3 {
    color: var(--NEUTRAL-GREY-6, #4D4D4D);
    font-family: "MuseoSans_700";
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 0;
}

.catalog-slider {
    display: flex;
    width: 100%;
    gap: 1rem;
    overflow: hidden;
}

.catalog-slider .swiper-slide {
    border-radius: 8px;
    background-color: #ECEAEA;
    height: 240px;
}

.catalog-slider .catalog-link {
    text-decoration: none;
}

.catalog-slider .catalog-link .catalog-slider__item {
    border-radius: 8px;
    padding: 24px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    text-decoration: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    /* Transición suave */
}

.catalog-slider .catalog-link .catalog-slider__item:hover {
    transform: scale(1.05);
    /* Aumenta ligeramente el tamaño */
    opacity: 0.9;
    /* Reduce ligeramente la opacidad */
}

.swiper-wrapper {
    display: flex;
    width: 100%;
}

.home-catalog-module .swiper-button-prev,
.home-catalog-module .swiper-button-next {
    position: absolute;
    top: 52%;
    z-index: 3;
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
}

.home-catalog-module .swiper-button-prev {
    left: -34px !important;
    background: url("/templates/visiotech/css/images/right.svg") no-repeat center center / contain;
    transform: scaleX(-1);
    width: 40px;
    height: 40px;
    margin-top: unset;
}

.home-catalog-module .swiper-button-next {
    right: -34px !important;
    background: url("/templates/visiotech/css/images/right.svg") no-repeat center center / contain;
    width: 40px;
    height: 40px;
    margin-top: unset;
}

.home-catalog-module .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    display: none !important;
}

.home-catalog-module .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    display: none !important;
}

.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.catalog-slider .catalog-slider__item h3 {
    color: #3C3C3C;
    font-family: "MuseoSans_700";
    font-size: 20px;
    margin: 25px 0px 0 0px;
    text-decoration: none;
}

.home-brands-module {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    position: relative;
}

.home-brands-module .brands-grid {
    max-width: 100% !important;
    overflow: hidden;
    -webkit-user-select: none;
    /* Para Chrome, Safari, Opera */
    -moz-user-select: none;
    /* Para Firefox */
    -ms-user-select: none;
    /* Para IE/Edge */
    user-select: none;
    /* Estándar */
}


.home-brands-module .brands-grid .swiper-wrapper {
    display: flex;
    align-items: center;
}

.home-brands-module .brands-grid .swiper-wrapper .brands-grid__item {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.home-brands-module .brands-grid .swiper-wrapper .brands-grid__item img {
    width: 100%;
    height: 80%;
}

/* ----- HOME ADVANTAGES MODULE ----- */
.home-advantages-module {
    display: flex;
    height: 500px;
    margin: 0;
    justify-content: center;
    align-items: center;
    background: url("/templates/visiotech/css/images/home/banner_hazte_cliente/banner_hazte_cliente.jpg") no-repeat center center / cover;
}

.home-advantages-module .advantages--main__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin: 0 70px;
}

.home-advantages-module .advantages--main__container>h3 {
    color: #FFF;
    text-align: center;
    font-family: "MuseoSans_700";
    font-size: 28px;
    line-height: 42px;
}

.home-advantages-module .advantages-container {
    display: flex;
    gap: 24px;
}

.home-advantages-module .advantages-container .advantages-container__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    gap: 8px;
    text-align: center;
}

.home-advantages-module .advantages-container .advantages-container__item h4 {
    color: #FFF;
    font-family: "MuseoSans_700";
    font-size: 20px;
    
    margin: 0;
}

.home-advantages-module .advantages-container .advantages-container__item span {
    color: #FFF;
    font-family: "OpenSans Regular";
    font-size: 14px;
    
    line-height: 20px;
}

.home-advantages-module .advantages--main__container .redirect-link {
    display: flex;
    width: 185px;
    height: 48px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: #FFF;
    text-decoration: none;
    font-family: "OpenSans Regular";
    font-size: 14px;
    
    border-radius: 6px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.2);
}

.home_spacer {
    margin-top: 60px;
}

.home-advantages-module .advantages--main__container .redirect-link:hover {
    background: transparent;
}

/* ----- HOME KNOWLEDGE MODULE ----- */
.home-knowledge-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #4D4D4D;
    text-align: center;
    font-family: "MuseoSans_700";
    font-size: 32px;
    
    line-height: 42px;
    width: 80%;
    margin: 0 auto;
}

.home-knowledge-module>h3 {
    margin-top: unset;
    color: #4D4D4D;
    text-align: center;
    /* HOME PAGE/H1/BOLD */
    font-family: "MuseoSans_700";
    font-size: 28px;
    font-style: normal;
    
    line-height: 36px;
    /* 128.571% */
}

.home-knowledge-module .knowledge-section {
    display: flex;
    gap: 100px;
}


.home-knowledge-module .knowledge-section .knowledge-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-knowledge-module .knowledge-container h3 {
    color: #3C3C3C;
    font-family: "MuseoSans_700";
    font-size: 24px;
    
    margin: 24px 0 16px;
}

.home-knowledge-module .knowledge-container span {
    color: #3C3C3C;
    font-family: "OpenSans Regular";
    font-size: 14px;
    
    line-height: 20px;
}

.home-knowledge-module .knowledge-container a {
    display: flex;
    min-width: 11.25rem;
    height: 3rem;
    padding: 10px 11px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--primary-principal);
    color: var(--primary-principal);
    text-decoration: none;
    font-family: "OpenSans Regular";
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    box-sizing: border-box;
    width: auto;
}

.knowledge-section .knowledge-container .knowledge-container__link {
    min-height: 4.6875rem;
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.home-knowledge-module .knowledge-container a:hover {
    background: var(--primary-principal);
    color: #FFF;
}

.home-knowledge-module .knowledge-section .knowledge-special__container {
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 80%;
    margin: 10px auto 0;
}

.home-knowledge-module .knowledge-section .knowledge-special__container .special__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home-knowledge-module .knowledge-special__container .special__container h3 {
    text-align: left;
}

.home-knowledge-module .knowledge-special__container .special__container span {
    text-align: left;
}

/* ----- HOME VIDEO MODULE ----- */
.home-video-module {
    display: flex;
    justify-content: center;
    /* centra el contenido horizontalmente */
}

.home-video-module video {
    width: 100%;
    /* ocupa el 100% del ancho disponible */
    max-width: 100vw;
    /* pero nunca excede 500px */
    max-height: 500px;
    /* la altura máxima será el 100% de la altura de la ventana */
    object-fit: cover;
    /* opcional: hace que el video cubra el contenedor sin deformarse */
}

/* ----- HOME CLIENT MODULE ----- */
.home-client-module {
    display: flex;
    height: 250px;
}

.home-client-module .client-module__left-side {
    display: flex;
    width: 70%;
    height: 100%;
    padding: 45px 6% 45px 3%;
    align-items: center;
    gap: 55px;
    background: url("/templates/visiotech/css/images/home/banner_hazte_cliente+rrss/banner_hazte_cliente.jpg") no-repeat center center / cover;
    justify-content: flex-end;
}


.home-client-module .client-module__left-side h3 {
    color: #4D4D4D;
    font-family: "MuseoSans_700";
    font-size: 28px;
    
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 2px;
}

.home-client-module .client-module__left-side a {
    display: flex;
    min-width: 140px;
    height: 48px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: var(--primary-principal);
    text-decoration: none;
    font-family: "OpenSans Regular";
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid var(--primary-principal);
    background: rgba(243, 243, 243, 0.20);
    white-space: nowrap;
    box-sizing: border-box;
    width: auto;
}

.home-client-module .client-module__left-side a:hover {
    border-radius: 6px;
    border: 1px solid var(--primary-principal);
    background: var(--primary-principal);
    color: #FFF;
}

.home-client-module .client-module__right-side {
    display: flex;
    width: 30%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background: url("/templates/visiotech/css/images/home/banner_hazte_cliente+rrss/banner_rrss.jpg") no-repeat center center / cover;
    /* Añadir / cover para asegurar que la imagen cubra todo el contenedor */
}

.home-client-module .client-module__right-side .client-module__social {
    display: flex;
    gap: 24px;
}

.home-client-module .client-module__right-side .client-module__social-icons {
    display: flex;
    gap: 16px;
}

.home-client-module .client-module__right-side .client-module__social>h4 {
    color: #FFF;
    font-family: "MuseoSans_700";
    font-size: 24px;
    
}



/* Home Registrados */	

.loaderContainer {
  position: relative;
  margin-bottom: 15px;
  width: 100%;    
  height: 214px;  
}

.loader {
  display: block;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(0.25turn, transparent, #FFF, transparent),
    linear-gradient(#DDD, #DDD),
    linear-gradient(#DDD, #DDD);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 78% 100%, 100% 59%, 100% 100%, 71% 85%;
  background-position: -100% 0, 0 0, 0px 140px, 65px 145px;
  animation: loading 1.5s infinite;
}

.home_academy_online{
    background: url("/templates/visiotech/css/images/fondo_academia_online.png") no-repeat center center / cover;
}
.home_academy_online > .academy_container{
    max-width: 1113px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 360px;
    padding: 64px 190px;
    margin: auto;
    justify-content: center;
}
.home_academy_online > .academy_container >  h3{
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;
    /* HOME PAGE/H1/BOLD */
    font-family: "MuseoSans_700";
    font-size: 28px;
    font-style: normal;
    
    line-height: 36px; /* 128.571% */
}
.home_academy_online > .academy_container > span{
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;
    /* HOME PAGE/H3/SEMIBOLD */
    font-family: "MuseoSans_100";
    font-size: 20px;
    font-style: normal;
    
    line-height: 24px; /* 120% */
}
.home_academy_online > .academy_container > a{
    display: flex;
    height: 48px;
    padding: 10px var(--Padding, 24px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--NEUTRAL-WHITE, #FFF);
    background: rgba(255, 255, 255, 0.20);
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;
    font-family: "OpenSans Regular";
    font-size: 14px;
    font-style: normal;
    
    line-height: 20px; 
    margin-top: 32px;
    text-decoration: none;

}
.home_academy_online > .academy_container > a:hover{
   background: transparent;
}
.footer_socials{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 360px;
    gap: 8px;
    margin: auto;
    justify-content: center;
    background: url("/templates/visiotech/css/images/fondo_footer_rrss.png") no-repeat center center / cover;
}
.footer_socials > .footer_socials_icons{
    display: flex;
    align-items: center;
    gap: 24px;
}
.footer_socials > .footer_socials_icons .social_item{
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;

    font-family: "MuseoSans_700";
    font-size: 14px;
    font-style: normal;
    
    line-height: normal;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    align-items: center;
}
.footer_socials > .footer_socials_icons .social_item img{
    min-width: 91px;
}

.footer_socials > .footer_socials_icons .social_item span{
    display: none;
}
.footer_separator{
    margin: 24px 0;
}
.footer_socials > img{
    width: 91px;
    height: 1px;
}
.footer_socials > h3{
    color: var(--NEUTRAL-WHITE, #FFF);
    /* HOME PAGE/H1/BOLD */
    font-family: "MuseoSans_700";
    font-size: 28px;
    font-style: normal;
    
    line-height: 36px; /* 128.571% */
}
.footer_socials > span{
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;
    /* HOME PAGE/H3/BOLD */
    font-family: "MuseoSans_700";
    font-size: 20px;
    font-style: normal;
    
    line-height: normal;
}
.footer_socials > a{
    height: 48px;
    padding: var(--Padding-altura---pequeo, 10px) 0px;
    gap: 10px;

    color: var(--NEUTRAL-WHITE, #FFF);
    /* GENERAL/H3/BOLD */
    font-family: "OpenSans Regular";
    font-size: 14px;
    font-style: normal;
    
    line-height: 20px; /* 142.857% */
    text-decoration: none;
}
.footer_socials > a > .footerTextVisible{
    display: inline-flex;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
}
@keyframes loading {
  to {
    background-position: 315px 0, 0 0, 0px 140px, 65px 145px;
  }
}
/* ====================================================
     RESPONSIVE STYLES
     ==================================================== */




/* ---------- TABLETS (788px a 1023px) ---------- */
@media (min-width: 788px) and (max-width: 1023px) {

    /* En la parte de marcas: se muestran 4 logos en fila con scroll horizontal */
    /* .home-catalog-module .brands-grid {
        flex-wrap: nowrap;
        overflow-x: scroll;
    } */

    /* Home Advantages Module */
    .home-advantages-module {
        height: auto;
        padding: 30px 0;
    }

    .home-advantages-module .advantages--main__container {
        margin: 0 40px;
        gap: 24px;
    }

    .home-advantages-module .advantages-container {
        flex-wrap: wrap;
        gap: 16px;
    }

    .home-advantages-module .advantages-container .advantages-container__item {
        width: calc(50% - 8px);
    }

    /* Home Knowledge Module */
    .home-knowledge-module {
        font-size: 30px;
        line-height: 38px;
    }

    .home-knowledge-module>h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .home-knowledge-module .knowledge-section {
        flex-direction: column;
        gap: 30px;
    }

    .home-knowledge-module .knowledge-section .knowledge-container {
        width: 100%;
    }


    /* Home Client Module */
    .home-client-module {
        flex-direction: column;
        height: auto;
    }

    .home-client-module .client-module__left-side,
    .home-client-module .client-module__right-side {
        width: 100%;
        padding: 30px;
    }
}


@media (min-width: 1920px) {
    .home-video-module video {
        max-height: 700px;
    }
}

/* animaciones */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.animate-on-scroll.animate {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1300px) {
    .catalog-slider .catalog-slider__item h3 {
        font-size: 16px;
    }
    .home-news-module {
        max-width: 90%;
    }
}

@media (max-width: 1200px) {
    .home-brands-module {
        width: 90%;
    }
    
    .home-catalog-module .swiper-button-prev {
        left: -1px !important;
        background: url(/templates/visiotech/css/images/right.svg) no-repeat center center / contain;
        transform: scaleX(-1);
        width: 40px;
        height: 40px;
        margin-top: unset;
        background-size: 100% 100%; /* Asegura que la imagen ocupe todo el espacio */
        filter: drop-shadow(0 0px 2px rgb(255, 255, 255)) !important;
        z-index: 3; /* Asegura que el botón esté por encima de otros elementos y no se cubra la sombra */
    
    }
    
    .home-catalog-module .swiper-button-next {
        right: -1px !important;
        background: url(/templates/visiotech/css/images/right.svg) no-repeat center center / contain;
        width: 40px;
        height: 40px;
        margin-top: unset;
        background-size: 100% 100%; /* Asegura que la imagen de fondo ocupe todo el espacio */
        filter: drop-shadow(0 0px 2px rgb(255, 255, 255)) !important;
        z-index: 999; /* Asegura que el botón esté por encima de otros elementos y no se cubra la sombra */
    }
    .home-catalog-module .swiper-button-next {
        top: 54%;
    }
}


/* ---------- MÓVILES (hasta 787px) ---------- */
@media (max-width: 787px) {

     .home-banner-module .banner-container {
    height: 680px;
}
    /* Home Catalog Module */
    .home_catalog_container {
        gap: 16px;
        width: 90%;
    }
    
    .home_academy_online > .academy_container {
    padding: 10% 10%;
    }
    .home-catalog-module .home_catalog_container >h3 {
        text-align: center;
    }

    /* Para el catalog-slider: 
       Se muestran solo los 2 primeros elementos en una fila, cada uno con 50% del ancho,
       y se ocultan el resto */
    .catalog-slider {
        flex-direction: row;
        gap: 16px;
    }

    .catalog-slider .catalog-link:nth-child(odd) {
        width: 43%;
        height: 133px;
    }

    .catalog-slider .catalog-link .catalog-slider__item {
        padding: 12px;
    }

    .catalog-slider .catalog-link:nth-child(even) {
        width: 55%;
        height: 133px;
    }

    .catalog-slider .catalog-link:nth-child(n+3) {
        display: none;
    }

    .catalog-slider .catalog-slider__item h3 {
        word-break: break-all;
        overflow-wrap: break-word;
    }

    /* Home Advantages Module */
    .home-advantages-module {
        height: auto;
        padding: 20px 0;
        background: url("/templates/visiotech/css/images/home/banner_hazte_cliente/mobile/banner_hazte_cliente.jpg") no-repeat center center / cover;
    }

    .home-advantages-module .advantages--main__container {
        margin: 0 20px;
        gap: 16px;
    }

    .home-advantages-module .advantages-container {
        flex-direction: column;
        gap: 16px;
    }

    .home-advantages-module .advantages--main__container .redirect-link {
        margin-bottom: 25px;
    }

    .home-advantages-module .advantages-container .advantages-container__item {
        flex-direction: row;
        width: 100%;
        justify-content: center;
        gap: 16px;
    }

    .home-advantages-module .advantages-container .advantages-container__item span {
        display: none;
    }

    .home-advantages-module .advantages-container .advantages-container__item img {
        flex: 0 0 25%;
        max-width: 50px;
    }

    .home-advantages-module .advantages-container .advantages-container__item h4 {
        flex: 0 0 50%;
        /* No crece, no se encoge y su tamaño base es del 50% */
        text-align: left;
        font-size: 16px;
        line-height: 22px;
    }

    .home-advantages-module .advantages--main__container>h3 {
        font-size: 24px;
        line-height: 36px;
    }

    /* Home Knowledge Module */
    .home-knowledge-module {
        font-size: 24px;
        line-height: 36px;
    }

    .home-knowledge-module>h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .home-knowledge-module .knowledge-container h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .home-client-module .client-module__left-side h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .home-knowledge-module .knowledge-section {
        flex-direction: column;
        gap: 24px;
    }

    .home-knowledge-module .knowledge-section .knowledge-container {
        width: 100%;
        flex-direction: column;
    }

    .home-knowledge-module .knowledge-section .knowledge-special__container {
        margin: unset;
    }

    .home-knowledge-module .knowledge-section .knowledge-special__container .special__container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home-knowledge-module .knowledge-special__container .special__container h3 {
        text-align: center;
    }

    .home-knowledge-module .knowledge-special__container .special__container span {
        text-align: center;
    }

    /* Home Video Module */
    .home-video-module {}

    /* Home Client Module */
    .home-client-module {
        flex-direction: column;
        height: auto;
    }

    .home-client-module .client-module__left-side,
    .home-client-module .client-module__right-side {
        width: 100%;
        padding: 56px 24px;
        gap: 16px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .home-client-module .client-module__left-side {
        gap: 16px;
    }

    .home-client-module .client-module__left-side>h3 {
        font-size: 24px;
    }

    #shadow .animate-on-scroll {
        opacity: 1;
        transform: unset;
        transition: unset;
    }

    #shadow .animate-on-scroll.animate {
        opacity: unset;
        transform: unset;
    }

    .home-banner-module .swiper .swiper-button-next,
    .home-banner-module .swiper .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 576px) {
    .catalog-slider .swiper-slide {
        height: 200px;
    }

    .catalog-slider .catalog-slider__item h3 {
        font-size: 13px;
    }

    .home-catalog-module .home_catalog_container >h3 {
        font-size: 22px;
    }
    .home_academy_online > .academy_container {
    padding: 5% 5%;
    }
    .home_academy_online > .academy_container >  h3{
    font-size: 24px;
    }
    .home_academy_online > .academy_container > span{
    font-size: 14px;
    }

    .home_catalog_container {
        width: 90%;
    }

    .home-brands-module .brands-grid .swiper-wrapper .brands-grid__item img {
        height: 60%;
    }

    .catalog-slider .catalog-slider__item h3 {
        font-size: 13px;
        word-break: break-all;
        overflow-wrap: break-word;
    }
    .home_spacer {
        margin-top: 30px;
    }
    .footer_socials > a{
        display: flex;
        width: 185px;
        height: 48px;
        padding: 10px var(--Padding, 24px);
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 6px;
        border: 1px solid var(--NEUTRAL-WHITE, #FFF);
        background: rgba(255, 255, 255, 0.20);
        color: var(--NEUTRAL-WHITE, #FFF);
        text-align: center;
        /* GENERAL/H3/BOLD */
        font-family: "OpenSans Regular";
        font-size: 14px;
        font-style: normal;
        
        line-height: 20px; /* 142.857% */
    }
    .footer_socials > a:hover{
        background: transparent;
    }
    .footer_socials > .footer_socials_icons .social_item span {
        display: block;
    }
    .footer_socials > a > .footerTextVisible{
        display: none;
    }
    .footer_socials > .footer_socials_icons .social_item:nth-child(1) > img {
    content: url("/templates/visiotech/css/images/mobile/icon_linkedin_circle.svg");
    }
    .footer_socials > .footer_socials_icons .social_item:nth-child(2) > img {
        content: url("/templates/visiotech/css/images/mobile/icon_youtube_circle.svg");
    }
    .footer_socials > .footer_socials_icons .social_item:nth-child(3) > img {
        content: url("/templates/visiotech/css/images/mobile/icon_whatsapp_circle.svg");
    }
    .footer_socials > .footer_socials_icons .social_item img{
        width: 50px;
        height: 50px;
        margin-bottom: 8px;
    }
    .footer_socials > span {
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;
    font-family: "MuseoSans_700";
    font-size: 16px;
    font-style: normal;
    
    line-height: normal;
    width: 65%;
    margin-bottom: 16px;
    }
    .footer_socials {
    height: auto;
    padding: 40px 20px;
    }
    .footer_socials > h3 {
    font-size: 24px;
    }
    .footer_socials > .footer_socials_icons .social_item:nth-child(1) {
        order: 1;
    }
    .footer_socials > .footer_socials_icons .social_item:nth-child(2) {
        order: 3;
    }
    .footer_socials > .footer_socials_icons .social_item:nth-child(3) {
        order: 2;
    }
}
@media (max-width: 500px) {
    .home-banner-module .banner-container {
    height: 500px;
}
.home-banner-module .swiper .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px));
}
}
@media (min-width: 360px) and (max-width: 450px) {
    .home_academy_online > .academy_container > h3 {
        font-size: 24px;
        width: 70%;
    }
}