:root{
    --color-principal:#bdc3c7;
    --color-secundario: #2C2C50;
    

}ç


/**ubicacion .html */
.ubicacion{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 5rem 0 ;
}

.ubicacion__uno{

    padding: 1rem;
    text-align: center;
    line-height: 2;
}

.ubicacion__uno p{
    font-size: 2rem;
    color: #000;
}
iframe{
    width: 100%;
    margin: 5rem 0;
}
@media(max-width:768px){
    .ubicacion {
        display: block;
    }
    .ubicacion__uno{
        margin-bottom: 4rem;
    }
}
.antecedentes__texto{
    line-height: 2;
    letter-spacing: .1rem;
    font-size: 1.5rem;
}
.boton{
    background-color: var(--color-principal);
    color: #000;
    padding: 2rem;
    display: block;
    width: 20%;
    font-size: 1.3rem;
    border-radius: 1rem;
    text-decoration: none;
    cursor: pointer;
    text-align: center;

}
/*antecededntes .html */

.boton:hover{

 background-color: var(--color-secundario);
 color: var(--color-principal);
 text-decoration: none;
}
@media(max-width:768px){
 .boton{
     display: block;

     width: 50%;
     margin: 5rem auto;
     font-size: 2rem;
 }
}

/*misionvision-html */
.mision__img{
    height: 30rem;
    background-size: cover;
}
@media(max-width:768px){
    .mision__img{
        margin-bottom: 5rem;
    }
   }

   /*organigrama */
   .organigrama__img{
       margin: 5rem 0;
   }
   /*agroecologia */
 .agroecologia__img{
     margin: 5rem 0;
 }
 .agroecologia__texto{
     line-height: 2;
     font-size: 1.5rem;
 }
 /*tutoriAS .HTML */
 .contenedor__tutorias{
     display: grid;
     grid-template-columns: repeat(3,1fr);
     gap: 2rem;
     align-items: center;
 }
 .tutoria__uno{
     background-color: var(--color-principal);
     padding: 1rem;
     height:auto;
     margin-top: 5rem;
 }

 .tutoria__uno h2{
     font-size: 1.5rem;
 }
 .tutoria__uno .boton2{
     width: auto;
 }
 @media(max-width:768px){
     .contenedor__tutorias{
         display: block;
     }
 }
 /*practicas profesionales */
 .practicas__contenedor{
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap:2rem;
     margin-top: 5rem;
 }
 .practica__uno{
     background-color: var(--color-secundario);
     color: var(--color-principal);
     padding: 3rem 1rem;
     text-align: center;
 }
 .practica__uno a{
     width: auto;
 }
 @media(max-width:768px){
     .practicas__contenedor{
         display: block;
     }
     .practica__uno{
         margin-bottom: 3rem;
         text-align: center;
     }
 }
 .cuerpo__academico{
     text-align: center;
 }


 /*video html */

 .video__uno{
     margin: 5rem 0;
 }

 .video__uno h2{
     text-align: center;
     font-size: 4rem;
    padding-bottom: 3rem;
 }

 /*subtantiva */
 .contenedor__proceso h2,h3{
     text-align: center;

    font-size: 3rem;
    
    margin: 3rem 0;

 }
 .contenedor__proceso ul li, p{
     margin-bottom: 2rem;
     font-size: 2rem;
     line-height: 2;
 }
 .contenedor__foto{
     width: 90%;
 }
 .contenedor__foto img{
     display: block;
    margin: 5rem 0;
    
    text-align: center;
    width:70%;
 }
 .social__uno{
     margin: 5rem 0;
 }

 /*pagina del servicio social */
 .social__uno h2{
     font-size: 3rem;
     line-height: 1.5;
     text-align: center;

 }
 .social__uno ul{
    
    padding: 2rem 0;
 }

 .social__uno ul li{
     margin-bottom: 2rem;
     font-size: 2rem;
     line-height: 1.5;
 }

 /*volveer arriba lo ocultamos en resposive */
 a#back-top {
    display: none;
}

/*reglamento  */
.reglamento__uno ul li{
    margin: 5rem 0;
    font-size: 2rem;
    
}
.link__reglamento{
    background-color: var(--color-principal);
    padding: 1rem;
    margin-left: 1rem;
    text-decoration: none;
    border-radius: .5rem;
    border: .2rem solid var(--color-secundario);

}
.link__reglamento:hover{
    background-color: var(--color-secundario);
    text-decoration: none;
    color: var(--color-principal);
}
@media (max-width:768px){
    
    .reglamento__uno ul li {
        display: block;
        line-height: 2;
        text-align: center;
        margin: 0;

    }
    .reglamento__uno ul li a{
        display: block;
        margin: 4rem 0;
        width: 90%;
    }
}

/*CONTACTO */

/*formas de titulacion */

.uno{
    margin: 3rem 0;
    background-color: var(--color-secundario);
    color: var(--color-principal);
    padding: 3rem;
}
@media (max-width:768px){
    .uno{
        padding: 2rem;
    }
}
.uno h2{
    font-size: 2rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: bold;
}
.uno ul li{
    margin: 2rem 0;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 1px;
}

/*estilos del social slider api facebook */
.social_slider {
    position: fixed;
    left: -370px;
    top: 120px;
    z-index: 99997;
    -webkit-transition: left 1s ease-in-out;
    -moz-transition: left 1s ease-in-out;
    -o-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
    

}
.icon-social{
    display:none;
}
.fa-play{
    display: none;
}

@media(min-width: 768px ){
    .icon-social{
        display: block;
    }
    .fa-play{
        display: block;
    }
}

.social_slider:hover {
    left: 0px;
}

div.modal{
    background: none !important;
    box-shadow:  none !important;
    border: none !important;
}



.modal-backdrop, .modal-backdrop.fade.in{
    opacity: 0.1 !important;
}

/*enlace  negro */
.parent a, .item-197 a
{
    color: #000;
}
.parent a, .item-197 a:hover{
    color: #2C2C50;
}
/*plan agronomo */
@media (min-width:768px){
    .contenedor__plan{
        display: grid;
        grid-template-columns: repeat(3,  1fr);
        margin: 5rem 0;
        gap: 2rem;
    
        padding: 1.5rem;
        box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.75);
    
    }

}
.plan ul li{
    padding: 1rem 0;
}

.plan h2{
    font-size: 2rem;
    
}


.plan li a{
    text-align: initial;
   
}
.contenedor__optativa{
    margin: 4rem 0
}
@media (min-width:768px){
    .contenedor__optativa ul{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        
    }
}

.contenedor__optativa .optativa{

    box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.75);
    padding: 2rem;

}
.contenedor__optativa ul li{
    padding: .5rem 0;
    text-decoration: none;
}

.favslider-carousel .favslider-images img{
    width: 100%;

    height: 70rem;
    object-fit: cover;
    background-position: center;
}

.boton{
    display: block; padding: 1rem;
    font-size: 2rem; 
    text-decoration: none; 
    background-color: #003366; 
    color: #fff; 
    width: 50%;
    margin: 2rem auto;
    transition-property:background-color;
    transition-duration: .2s ;
}
.boton:hover{
    background-color: #2C2C50;
    color: #fff;
}