@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.barlow-thin {
    font-family: "Barlow", serif;
    font-weight: 100;
    font-style: normal;
}

.barlow-extralight {
    font-family: "Barlow", serif;
    font-weight: 200;
    font-style: normal;
}

.barlow-light {
    font-family: "Barlow", serif;
    font-weight: 300;
    font-style: normal;
}

.barlow-regular {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-style: normal;
}

.barlow-medium {
    font-family: "Barlow", serif;
    font-weight: 500;
    font-style: normal;
}

.barlow-semibold {
    font-family: "Barlow", serif;
    font-weight: 600;
    font-style: normal;
}

.barlow-bold {
    font-family: "Barlow", serif;
    font-weight: 700;
    font-style: normal;
}

.barlow-extrabold {
    font-family: "Barlow", serif;
    font-weight: 800;
    font-style: normal;
}

.barlow-black {
    font-family: "Barlow", serif;
    font-weight: 900;
    font-style: normal;
}

.barlow-thin-italic {
    font-family: "Barlow", serif;
    font-weight: 100;
    font-style: italic;
}

.barlow-extralight-italic {
    font-family: "Barlow", serif;
    font-weight: 200;
    font-style: italic;
}

.barlow-light-italic {
    font-family: "Barlow", serif;
    font-weight: 300;
    font-style: italic;
}

.barlow-regular-italic {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-style: italic;
}

.barlow-medium-italic {
    font-family: "Barlow", serif;
    font-weight: 500;
    font-style: italic;
}

.barlow-semibold-italic {
    font-family: "Barlow", serif;
    font-weight: 600;
    font-style: italic;
}

.barlow-bold-italic {
    font-family: "Barlow", serif;
    font-weight: 700;
    font-style: italic;
}

.barlow-extrabold-italic {
    font-family: "Barlow", serif;
    font-weight: 800;
    font-style: italic;
}

.barlow-black-italic {
    font-family: "Barlow", serif;
    font-weight: 900;
    font-style: italic;
}

.row {
    width: 100%;
    margin: 0;
    padding: 0;
}

.banner {
    height: 65vh;
    background:
        linear-gradient(0deg, rgba(69, 163, 163, 1) 0%, rgba(0, 212, 255, 0) 36%),
        /* Gradiente */
        url('/img/CENTRO DE DÍA/ACADEMIA/ACADEMIA MEDIGER.jpg');
    /* Imagen de fondo */
    background-size: cover;
    /* La imagen cubre el área del contenedor */
    background-position: center;
    background-repeat: no-repeat;

}

.logo-academia {
    width: 50%;
    margin: 0 0 1rem 0
}

.description-title {
    font-family: "barlow", serif;
    /* Asegúrate de incluir la fuente correctamente */
    font-weight: 700;
    /* Peso específico */
    color: #5aa2a6;
    /* Color del texto */
}

.description {
    padding: 0;
    font-size: 1.5rem;
    text-align: justify;
}

.description-container {
    padding: 8rem;
}

.image-container {
    min-height: 60vh;
    height: auto;
    padding: 0;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

p {
    margin: 0;
}

.specialists {
    font-size: 1.5rem;
    /* font-weight: 600; */
    color: #fff;
    line-height: 1.3;
    padding: 0 3rem;
}

.mediger-team {
    height: auto;
}

.title-container {
    padding: 0rem 17rem;
}

.carousel {
    width: 80%;
}

.logo-mediger {
    width: 65%;
    height: 100%;
}

.servicio {
    padding: clamp(1rem, 3rem, 10rem) 2rem;
    min-height: 35vh;
}

.servicios-title{
    font-family: "barlow", serif;
    /* Asegúrate de incluir la fuente correctamente */
    font-weight: 700;
    /* Peso específico */
    color: #5aa2a6;
    /* Color del texto */
}

.sevicios-desc{
    font-family: "barlow", serif;
    /* Asegúrate de incluir la fuente correctamente */
    
    text-align: justify;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1400px) {
    .banner {
        height: 65vh;
        background:
            linear-gradient(0deg, rgba(69, 163, 163, 1) 0%, rgba(0, 212, 255, 0)80%),
            /* Gradiente */
            url('/img/CENTRO DE DÍA/CENTRO DE DÍA/BANNER ACADEMIA MEDIGER.jpg');
        /* Imagen de fondo */
        background-size: cover;
        /* La imagen cubre el área del contenedor */
        background-position: center;
        /* Centra la imagen en el contenedor */
        background-repeat: no-repeat;
        /* Evita que la imagen se repita */
    }

    .image-container {
        height: auto;
        padding: 0;
    }

    .logo-academia {
        width: 70%;
    }

    .description-container {
        padding: 4rem;
    }

    .description {
        font-size: 1rem;
    }

    .specialists {
        padding: 0 1rem;
        font-size: 1.5rem;
    }

    .title-container {
        padding: 0rem 12rem;
    }
}

@media only screen and (max-width: 1200px) {
    .banner {
        height: 40vh;
    }

    .image-container {
        height: auto;
        padding: 0;
    }

    .logo-academia {
        width: 70%;
    }

    .description-container {
        padding: 4rem;
    }

    .description {
        font-size: 1rem;
    }

    .specialists {
        padding: 0 1rem;
    }

    .title-container {
        padding: 0rem 3rem;
    }

    .carousel {
        width: 90%;
    }

    .image-container {
        min-height: 40vh;
        height: auto;
        padding: 0;
    
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media only screen and (max-width: 993px) {
    .logo-academia {
        width: 90%;
    }

    .image-container {
        height: auto;
        padding: 0;
    }

    .banner {
        height: 65vh;
    }

    .description-container {
        padding: 4rem;
    }

    .description {
        font-size: 1rem;
    }

    .specialists {
        padding: 0 1rem;
        text-align: center;
        margin-top: 1rem;
    }

    .logo-mediger {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .banner {
        height: 60vh;
    }

    .mediger-team {
        height: auto;
    }

    .mision {
        background:
            linear-gradient(0deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%),
            url("/img/CENTRO DE DÍA/ACADEMIA/CLINICA DE LA MEMORIA HOME.jpg");
        background-size: cover;
        /* La imagen cubre el área del contenedor */
        background-position: center;
        /* Centra la imagen en el contenedor */
        background-repeat: no-repeat;
    }

    .vision {
        height: 50vh;
        background:
            linear-gradient(0deg, rgba(206, 233, 235, 0.85) 0%, rgba(206, 233, 233, 0.85) 100%),
            url("/img/CENTRO DE DÍA/ACADEMIA/CLINICA DE LA MEMORIA HOME.jpg");
        background-size: cover;
        /* La imagen cubre el área del contenedor */
        background-position: center;
        /* Centra la imagen en el contenedor */
        background-repeat: no-repeat;
    }

    .specialists {
        margin-top: 1rem;
        text-align: center;
        font-size: 1.5rem;
        /* font-weight: 600; */
        color: #fff
    }
}