@media (max-width: 768px) {
    .topbar-inner {
        padding-left: 3px;
        padding-right: 3px;
    }

    .brand-logo img {
        width: 34px;
        height: 34px;
    }

    .brand-text {
        font-size: 20px;
    }

    .brand-text2 {
        font-size: 17px;
    }

    /* CONTENEDORES */
    .container {
        padding: 10px 8px 30px 8px;
    }

    .hero-lightblue {
        border-radius: 20px;
        padding: 10px 10px 15px 10px;
        margin: 0px 2px 10px 2px;
    }

    .hero-lightblue h1 {
        margin: 0px 0px 14px;
        font-size: clamp(2.25rem, 10vw, 3.1rem);
        letter-spacing: -1px;
    }

    .hero-contact {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin: 0px 2px 18px;
        padding: 15px 14px;
        text-align: center;
    }

    .hero-contact-icon {
        align-self: center;
    }


    .hero-contenido {
        justify-content: space-between;
        gap: 15px;
    }




    .footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
    }

    .footer-copyright,
    .footer-links,
    .footer-social {
        width: 100%;
        flex: none;
    }

    .footer-links {
        align-items: center;
        white-space: normal;
    }

        .footer-links a {
            white-space: normal;
            overflow-wrap: anywhere;
        }

    .footer-social {
        justify-content: center;
    }
}
/* FIN TABLET Y CELULAR TOP ROW */