/* casd de contacto INIT -----------------------*/

#containerContactoNew .card-container-verde {
    background-color: var(--color-verde-movistar);
}

#containerContactoNew .has-color-gris-2-movistar-color {
    color: var(--color-gris-5-movistar) !important;
}

#containerContactoNew .card-container-azul {
    background-color: var(--color-azul-movistar);
}

#containerContactoNew a.btn-contacto-mov {
    background: var(--color-azul-oscuro-movistar);
    border-radius: 6px;
    display: inline-block;
    padding: 8px;
}

#containerContactoNew a.btn-contacto-mov:hover {
    background: var(--color-azul-oscuro-claro-movistar)
}

#containerContactoNew .card-img-size {
    width: 100px;
    height: auto;
}

#containerContactoNew .card-img-size-smarth {
    width: 130px;
    height: auto;
}

#containerContactoNew .font-size-card-sm {
    font-size: 14px !important;
}


#containerContactoNew .card-app-movistar-cliente h3 {
    font-size: 2rem;
    /* Ideal para desktop: título visible pero no agresivo */
    line-height: 1.3;
}

#containerContactoNew .card-app-movistar-cliente p {
    font-size: 1rem !important;
    /* Cuerpo cómodo para leer en escritorio */
    line-height: 1.5;
}

#containerContactoNew .has-color-blanco-movistar-color a {
    color: var(--color-blanco-movistar);
    text-decoration: underline;
}

#containerContactoNew .has-color-blanco-movistar-color a:hover {
    text-decoration: underline;
    color: var(--color-blanco-movistar);
}


/* Tablet (≥768px y <992px) */
@media (max-width: 991.98px) {
    #containerContactoNew .card-app-movistar-cliente h3 {
        font-size: 1.5rem;
    }

    #containerContactoNew .card-app-movistar-cliente p {
        font-size: 0.95rem !important;
    }
}

/* Móvil (<768px) */
@media (max-width: 767.98px) {
    #containerContactoNew .card-app-movistar-cliente h3 {
        font-size: 1.3rem;
    }

    #containerContactoNew .card-app-movistar-cliente p {
        font-size: 0.875rem !important;
    }
}

/* casd de contacto END ------------------------*/