/* @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400;500;600;700;800&display=swap');

html {
    font-size: 16px;
}

body {
    font-family: 'Baloo Bhaina 2', cursive;
    /* font-family: 'Lato', sans-serif; */
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.6rem;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    font-size: 1.2rem;
}

h6 {
    font-size: 1rem;
}

.secciones, .productos {
    height: calc(100vh - 100px);
    /* padding: 20px 0 20px 0; */
    /* padding: 70px 0 0 0; */
    /* background: blueviolet; */
}

.presentacion {
    height: calc(100vh - 50px);
    background-image: url("../images/presenta.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display:flex;
    justify-content: center;
    align-items: center;    
}

.presentacion2 {
    height: calc(100vh - 50px);
    background-image: url("../images/15060.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display:flex;
    justify-content: center;
    align-items: center;    
}

.quienes-somos {
    background-image: url("../images/2554441.jpg");
    height: 100vh;
    display: block;
}

.servicios {
    background-image: url("../images/5814.jpg");
    height: 100vh;
    display: block;
}

.contacto {
    background-image: url("../images/2681106.jpg");
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.texto-presentacion {
    width: 60%;
}

.texto-presentacion2 {
    width: 50%;
    background-color: rgba(219, 215, 215, 0.5);
    border-radius: 1rem;
    box-shadow: 3px 3px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 1rem;
}

.texto-quienes-somos {
    position: relative;
    left: 0px;
    top: 80px;
    width: 70%;
}

.texto-servicios {
    /* position: relative;
    left: 380px;
    top: 20px;
    width: 35rem; */
    color: rgba(237, 243, 240, 0.8);
}

.formulario {
    padding: 1rem;
}

.staff {
    /* height: 100vh; */
    /* background-color: saddlebrown; */
    /* display: flex;
    align-items: center; */
    /* background: rgba(212,228,239,1);
    background: -moz-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
    backgrou    nd: -webkit-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: linear-gradient(135deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=1 ); */

    background: rgba(237,245,237,1);
    background: -moz-linear-gradient(-45deg, rgba(237,245,237,1) 0%, rgba(27,133,209,1) 94%, rgba(27,133,209,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(237,245,237,1)), color-stop(94%, rgba(27,133,209,1)), color-stop(100%, rgba(27,133,209,1)));
    background: -webkit-linear-gradient(-45deg, rgba(237,245,237,1) 0%, rgba(27,133,209,1) 94%, rgba(27,133,209,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(237,245,237,1) 0%, rgba(27,133,209,1) 94%, rgba(27,133,209,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(237,245,237,1) 0%, rgba(27,133,209,1) 94%, rgba(27,133,209,1) 100%);
    background: linear-gradient(135deg, rgba(237,245,237,1) 0%, rgba(27,133,209,1) 94%, rgba(27,133,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5ed', endColorstr='#1b85d1', GradientType=1 );
}

.staff-imagen {
    /* height: 70vh; */
    /* border-radius: 1rem; */
    background-image: url("/images/enfermero.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.staff-texto {
    /* height: 80vh; */
    /* background-color: rgba(219, 215, 215, 0.5);
    border-radius: 1rem;
    box-shadow: 3px 3px 3px 5px rgba(0, 0, 0, 0.2); */
    color: rgba(50, 50, 50, 0.9);
    font-weight: 600;
    padding: 1rem;
}

.marquesina {
    width: 380px;
    height: 530px;
}

.caption-carousel h5 {
    color: rgba(0, 0, 0, 0.8);
}

.caption-carousel p {
    color: rgba(0, 0, 0, 0.8);
}

.carousel-indicators li {
    color: rgba(0, 0, 0, 0.8);
}

.texto-contacto {
    background-color: rgba(219, 215, 215, 0.8);
}

.logo {
    font-weight: 600;
    font-size: 1.5rem;
    font-style: italic;
}

.logo img {
    height: 50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.8);
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 2rem;
  font-weight: 600;
  color: white;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 2rem;
  font-weight: 600;
  color: white;
}

/* .texto-presentacion {
transition: ;
} */

/* .navbar {
    margin-bottom: 56px;
} */


/* @media (min-width: 650px){

    .secciones {
        /* height: calc(100vh - 80px);  */
        /* width: calc(100vw - 20px);
    }

} */

@media (max-width: 102px){
    
    html {
        font-size: 12px;
    }
    
    /* .presentacion {
        width: 55%;
    } */
    .secciones, productos {
        padding: 0;
    }
    .texto-presentacion {
        width: 64%;
    }
    
}


@media (max-width: 640px){
    
    html {
        font-size: 16px;
    }

    .presentacion {
        background-image: none;
        background-color: rgba(197, 221, 208, 0.8);
        border-radius: 1rem;
        margin: 1rem;
        width: 95%;
        height: 40rem;
        /* height: 100%; */
        /* display: block; */
    }
    .secciones, productos {
        padding: 0;
    }
    .texto-presentacion {
        width: 100%;
        padding: 1rem;
        /* margin: 0; */
        font-size: 2rem;
    }
    .texto-presentacion2 {
        padding: 1rem;
        width: 95%;
    }
    
}