@media (max-width: 768px) {
    .disfruta_text1 {
        font-size: 0.7em;
        color: var(--azul);
    }

    .disfruta_text2 {
        font-size: .700em;
        color: var(--rojo);
    }

    .btn-red {
        background-color: var(--rojo);
        color: #fff;
        font-weight: bold;
        font-size: .300em
    }

    .btn-rojo {
        border: none;
        background-color: var(--rojo);
        color: white;
        padding: 10px 38px;
        border-radius: 10px;
        text-align: center;
        font-weight: bold;
        font-size: .500em;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 2%;
    }

    .cuad-rojo {
        border: none;
        background-color: var(--rojo);
        color: white;
        border-radius: 10px;
        font-weight: bold;
        font-size: 1.4em;
        gap: 8px;
        padding: 0 10px;
        width: 85%;
    }

    .cuad-transparente {
        border: none;
        color: white;
        border-radius: 10px;
        font-weight: bold;
        font-size: 1.4em;
        gap: 8px;
        padding: 0 10px;
        width: 85%;
    }

    .btn-amarillo {
        border: none;
        background-color: var(--amarillo);
        color: white;
        padding: 10px 38px;
        border-radius: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 1.1em;
        display: flex;
        gap: 8px;
        margin-top: 2%;
    }

    .text-nosotros2 {
        padding: 40px 20px;
        position: relative;
        left: 51%;
        text-align: start;
        top: 0vh;
        transform: translateX(-50%);
        width: 100%;
    }

    .text-nosotros2 p {
        font-size: 2.4em;
        line-height: 1.05;
        font-weight: 900;
    }

    .telechar_section {
        position: relative;
        /* padding: 3rem 1rem; */
        z-index: 2;
        background-image: url(../img/telechar.webp);
        background-color: var(--azul);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        height: 37vh;
        /* background-attachment: fixed; */
    }

    .cuad-sucursales {
        border: none;
        color: black;
        border-radius: 10px;
        font-weight: bold;
        font-size: 1.0em;
        gap: 8px;
        padding: 0 10px;
        width: 100%;
    }

    .cuad-sucursales img {
        width: 50%;
    }

    .cuad-prealerta {
        background-image: url(../img/prealerta.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        width: 100%;
        height: 43vh;
    }

    .btn-azul2 {
        border: none;
        background-color: var(--azul);
        color: white;
        border-radius: 10px;
        text-align: center;
        font-weight: bold;
        display: flex;
        gap: 8px;
        margin-top: 2%;
        margin-left: 6%;
        font-size: 26px;
        padding: 5px;
    }

    .text_realert {
        margin-left: 13%;
        font-size: 20px;
        width: 73%;
    }

    .btn-azul1 {
        border: none;
        background-color: var(--azul);
        color: white;
        padding: 10px 38px;
        border-radius: 10px;
        text-align: center;
        font-weight: bold;
        display: flex;
        margin-left: 12%;
        font-size: 21px;
        gap: 8px;
        margin-top: 2%;
        width: 37%;
    }

    .premium-bg-section {
        height: auto;
        padding: 60px 0;
        background-position: center;
    }

    .premium-overlay-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .premium-box {
        max-width: 100%;
        padding: 35px 30px;
    }

    .premium-box h2 {
        font-size: 37px;
    }

    .shipping-image {
        width: 70%;
    }

    .premium-overlay-content {
        width: 80%;
        max-width: 1300px;
        /* margin: 0 auto; */
        padding-left: 40px;
    }

    .shipping-icons {
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-content: flex-end;
        width: 59%;
    }

}

@media (max-width: 992px) {
    .header-nav ul {
        gap: 20px;
    }

    .header-nav {
        padding: 12px 20px;
    }

    .header-nav ul li a {
        font-size: 18px;
    }
}

@media (max-width: 768px) {

    /* Convertir menú en layout compacto */
    .header-container {
        flex-direction: column;
        gap: 15px;
    }

    .header-nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}