@import url("https://fonts.googleapis.com/css2?family=Bevan&family=Roboto&display=swap");

@import url(../../css/general/__loading__.css);

@import url(../../css/general/__text_loading__.css);

@import url(../../css/general/__logo_sub__.css);

@import url(../../css/general/__nav__.css);

@import url(../../css/general/__contenedor__.css);

@import url(../../css/general/__boton_flotante__.css);

@import url(../../css/general/__footer__.css);

@import url(../../css/nuestrosServicios/animacion-cabezera.css);

@import url(../../css/promociones/cabezera.css);




.__titulo__ {
    font-family: "Bevan", Arial, Helvetica, sans-serif;

    font-size: 4rem;

    font-weight: 900;

    color: rgb(0, 76, 138);

    text-shadow: 10px 10px 5px rgb(209, 209, 209);
}

.__block__ {
    overflow: hidden;

    border-radius: 10px 10px 0 0;
}

.block_imagen {
    transition: all 0.5s ease-in-out;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;
}

.block_imagen:hover {
    transform: scale(1.05);

    filter: brightness(50%);
}

.block {
    border-radius: 10px;

    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px,
        rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

@media (max-width: 900px) {
    .__titulo__ {
        font-size: 2rem;
    }
}