/* Estilo para el icono de WhatsApp */
.whatsapp-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* Estilo para el texto "Contáctanos" */
.contact-us {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* Estilo para el enlace completo */
.whatsapp-link {
    text-decoration: none;
    border: 0;
    background-image: linear-gradient(to right, #49b0c1 0%, #82c9d4 100%);
    background-repeat: repeat-x;
    color: #fff;
    box-shadow: none;
}

/* Estilo para el botón al estar enfocado */
.whatsapp-link:focus {
    border: 0;
    background-image: linear-gradient(to right, #49b0c1 0%, #82c9d4 100%);
    background-repeat: repeat-x;
    color: #fff;
    box-shadow: none;
}

/* Estilo para el botón al pasar el cursor sobre él */
.whatsapp-link:hover {
    color: #fff;
}

/* ---- Logo circular Clinica Santa Fe (640x640) ----*/
.header-logo,
.header-logo img {
    max-width: 90px;
    max-height: 90px;
}

/* Al hacer scroll el header se encoge: mantenemos el logo proporcionado */
.header-content.stuck .header-logo,
.header-content.stuck .header-logo img {
    max-width: 60px;
    max-height: 60px;
}

@media (max-width: 1023px) {
    .header-logo,
    .header-logo img {
        max-width: 75px;
        max-height: 75px;
    }
}

@media (max-width: 767px) {
    .header-logo,
    .header-logo img {
        width: auto;
        max-width: 60px;
        max-height: 60px;
    }
}

/* Logo del pie de pagina: tambien es cuadrado ahora */
.footer-logo,
.footer-logo img {
    max-width: 130px;
    max-height: 130px;
}