/* Estilos para ajustar el tamaño y posición del logo */

/* Aumentar el tamaño del logo en un 10% en todas las páginas */
.logo-wrap img {
    width: 110%; /* Aumentar tamaño en 10% */
    max-width: none;
    height: auto;
}

/* Posición del logo en index.html (centrado) */
body.is-index .logo-wrap {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Posición del logo en otras páginas (esquina superior izquierda) */
body:not(.is-index) .logo-wrap {
    text-align: left;
    padding-left: 20px;
    display: flex;
    justify-content: flex-start;
}

/* Ajustes adicionales para asegurar que el logo se vea bien */
.logo-wrap {
    padding: 10px 0;
}

/* Ajustes para dispositivos móviles */
@media only screen and (max-width: 767px) {
    .logo-wrap img {
        width: 100%; /* Tamaño original en móviles para evitar problemas */
    }
}