@media (max-width: 768px) {
    :root {
        --slide-width: 100%;
    }

    .main-header-content {
        gap: 1.6rem;
    }

    .main-header-logo-nav {
        width: 50%;
    }

    .header-buttons {
        width: 50%;
        align-items: center;
    }

    .logo {
        margin-right: 0;
    }

    .logo a img {
        width: 100% !important;
        margin: 0;
    }

    .desktop-none {
        display: block !important;
    }

    .mobile-none {
        display: none !important;
    }

    .btn-mobile {
        font-size: 1.4rem;
        padding: 0 17px;
        height: 40px;
    }

    .btn-nav-mobile {
        margin: 0 0 0 auto;
    }

    .robo-center-mobile {
        justify-content: center;
        width: 100%;
    }

    .hamburger-menu-mobile {
        display: block !important;
    }

    .bg1 {
        background: url('../img/web/servicio-gps-vehicular-para-personas-particulares-mobile.webp') center/cover no-repeat;
    }

    .bg2 {
        background: url('../img/web/servicio-de-rastreo-y-gps-para-municipalidades-mobile.webp') center/cover no-repeat;
    }

    .bg3 {
        background: url('../img/web/servicio-gps-para-flotas-vehiculares-mobile.webp') center/cover no-repeat;
    }

    .bg4 {
        background: url('../img/web/servicio-de-grua-vehicular-mobile.webp') center/cover no-repeat;
    }

    .carousel-wrapper {
        height: 100vh;
    }

    .slide {
        flex-direction: column;
        height: 100vh;
        min-height: 100vh;
    }

    .slide-left {
        width: 100%;
        height: 100%;
        padding: 30px;
    }

    .slide-right {
        display: none;
    }

    .galery {
        width: 120px;
        margin: 0 10px;
    }

    .beneficios-section {
        padding: 0;
    }

    .beneficios-container {
        flex-direction: column;
    }

    .beneficios-grid {
        gap: 16px;
    }

    .beneficios-left {
        padding: 100px 16px 0;
    }

    .beneficios-left h2 {
        padding: 0;
    }

    .beneficios-right {
        height: 250px;
        width: 100%;
    }

    #titulo-equipo {
        width: 100%;
        margin: 0 auto 3rem;
        font-size: 3rem;
    }

    .equipo-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .equipo-card img {
        height: 450px;
    }

    .footer-social-home {
        width: 91.5%;
    }

    .formulario-header {
        padding: 20px 20px 0;
        gap: 16px;
        justify-content: center;
    }

    .formulario-header h3 {
        font-size: 1.8rem;
    }

    .formulario-header p {
        font-size: 1.4rem;
    }

    .formulario-contacto-mobile-home {
        flex: 1 1 100%;
        top: 0 !important;
        position: relative;
        height: fit-content;
        align-self: flex-start;
        width: 100%;
    }

    .testimonios {
        flex: 1 1 100%;

    }

    .description-contacto {
        width: 100%;
    }

    .contacto-llamadas {
        padding-bottom: 84px;
    }

    .contacto-llamadas-description {
        width: 100%;
    }

    .anexo-card {
        width: 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .anexos-grid2 {
        display: block;
    }

    .anexos-grid3 {
        display: block;
        padding: 0;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-links {
        margin-top: 10px;
    }

    .footer-links a {
        margin: 0 10px;
    }

    .footer-apps {
        display: flex;
    }

    /* ** ESTILOS PAGINA NOSOTROS ** */
    .nosotros-mision-vision .nosotros-card {
        display: block;
    }

    .nosotros-card h3 {
        margin-top: 2rem;
    }

    .dato-item p {
        width: 70%;
    }

    .experiencia img {
        width: 100% !important;
        aspect-ratio: auto 100 / 300 !important;
    }

    .experiencias-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .sede {
        display: block;
        padding: 1.6rem;
    }

    .sede-left {
        flex: 1 1 100%;
    }

    .sede-right {
        flex: 1 1 100%;
        margin-top: 2rem;
    }

    .sede-buttons {
        display: block;
    }

    .sede-buttons a {
        width: 100%;
        display: block;
        margin-bottom: 1.6rem;
    }

    .blog-section {
        display: block;
    }

    .blog-left {
        width: 100%;
    }

    .blog-right {
        width: 100%;
        margin-top: 50px;
    }

    .blog-right .formulario-header h3 {
        font-size: 2.4rem;
    }

    .blog-right .formulario-header p {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .blog-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-article-left {
        width: 100%;
        top: 0;
        position: initial;
        height: fit-content;
        align-self: flex-start;
    }

    .share-article {
        display: none;
    }

    .share-article--mobile {
        display: block !important;
    }

    .blog-article-midle {
        width: 100%;
    }

    .post-body h2 {
        font-size: 2.8rem;
    }

    .page-header-article {
        height: 300px;
    }

    .page-title {
        font-size: 3rem;
    }

    .page-title-article {
        font-size: 2.4rem;
    }

    .blog-article-right {
        width: 100%;
        position: initial;
    }

    .blog-image-article {
        height: 500px;
    }

    .post-body-banner-ads {
        height: 120px;
        display: none;
    }

    .post-body-table {
        font-size: 1rem;
    }

    .servicios-nav {
        position: sticky !important;
        overflow-x: auto;
        scrollbar-width: none;
        /* Firefox */
    }



    .servicios-nav ul {
        gap: 0;
    }

    .servicios-nav li {
        min-width: 250px;
        padding-right: 1.6rem;
    }

    .servicios-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .servicios-section {
        padding-bottom: 64px;
    }

    .service-hero-grid {
        flex-direction: column;
    }

    .service-hero-left,
    .service-hero-right {
        flex: 1 1 100%;
    }

    .service-cta-content {
        padding: 0 16px;
    }

    .service-carousel-container {
        border-radius: 0;
        padding: 10rem 0;
    }

    .service-carrusel-subtitle {
        width: 100%;
    }

    .service-access-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .service-access-card {
        padding: 1.6rem;
    }

    .banner-img {
        border-radius: 0;
        height: 70px;
    }

    .banner-promocional {
        padding: 0 1.6rem;
    }

    .banner-img-mobile {
        height: 550px;
        border-radius: 2rem;
    }

    .service-contact-grid {
        grid-template-columns: repeat(1, 1fr);

    }

    .service-contact-left {
        display: none;
    }

    .service-contact-right {
        width: 100%;
    }

    .service-carousel-arrow {
        top: 60%;
    }

    .service-carousel-slide {
        flex: 0 0 90%;
    }

    .service-get-access-row {
        display: block;
    }

    .service-get-access-item {
        width: 100%;
        max-height: fit-content;
    }

    .service-benefits-row {
        display: block;
    }

    .service-benefits-item-right {
        width: 100%;
        padding-bottom: 3rem;
    }

    .service-benefits-item-left {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }

    .container-2col {
        flex-direction: column;
    }

    .faq-page-content {
        width: 100%;
    }

    .numero-cuenta-section figure img {
        width: 100%;
    }
}