/* Estilos propios de AppWeb (se cargan en la portada y en el cotizador). */

/* Logo del encabezado: alto fijo y proporcional. Normal y contraído (al hacer scroll). */
.header .logo img {
    height: 70px;
    width: auto;
    transition: height 0.4s;
}
.header.sticky .logo img {
    height: 55px;
}

@media only screen and (max-width: 991px) {
    .header .logo img {
        height: 55px;
    }
    .header.sticky .logo img {
        height: 45px;
    }
}

/* Sección de clientes (carrusel Slick). Cada logo va centrado en una caja de alto fijo. */
.clientes-slider .cliente-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 0 18px;
}
.clientes-slider .cliente-logo img {
    max-width: 100%;
    max-height: 64px;
    width: auto;
    height: auto;
}
/* Logos con letras blancas (Asolintac): se muestran sobre un fondo oscuro de la paleta del sitio. */
.clientes-slider .cliente-logo-oscuro img {
    background: #002055;
    padding: 10px 16px;
    border-radius: 10px;
}

/* Las tarjetas del pie de página se montan sobre el final de la sección anterior: espacio extra para que no tapen los logos. */
.clientes-area.ptb-90 {
    padding-bottom: 170px;
}
@media only screen and (max-width: 991px) {
    /* En pantallas chicas el pie ya no se monta sobre la sección anterior. */
    .clientes-area.ptb-90 {
        padding-bottom: 90px;
    }
}

/* Servicios: todas las imágenes de las tarjetas usan la misma proporción para que las tarjetas queden del mismo alto. */
.blog-area .post-thumbnail img {
    width: 100%;
    aspect-ratio: 840 / 539;
    object-fit: contain;
}