@charset "utf-8";
/* css/4-monitor/institucion.css */



.fondo_dharma {
    width: 100%;        
    overflow: hidden;
    background: transparent url('../../imagenes/fondo_institucion.jpg')center top no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
    min-height: 40em;
}


.texto_inicial {
    font-family: "Nunito Sans", sans-serif;
    text-align: center;
    width: 70%;
    margin: 0 auto 0 auto;
    font-size: 160%;
    color: #2e1313;
    padding-top: 2em;
}

.texto_inicial_movil {
    display: none;
}

.cambia_fuente {
    font-family: "Sora", sans-serif;
    font-weight: bold;
}










.bloque_escuela {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    margin-bottom: 3%;
    margin-top: 2%;
}
  
    @keyframes fadeInAnimation {
         0% {
            opacity: 0;
         }
        100% {
            opacity: 1;
        }
    }
        
        
.bloque_escuela div {
    margin: 1.3em;
    padding: 2em;
    width: 30%;
    text-align: left;        
    font-family: 'Nunito', sans-serif;
    font-size: 100%;
    color:#fff;
    background-color: #2e1313;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
 

.bloque_escuela .titulo {
    font-family: "Sora", sans-serif;
    font-size: 180%;
    color:#fff;
    text-align: left; 
}
    

.bloque_escuela .subtitulo {
    font-family: "Sora", sans-serif;
    font-size: 120%;
    color:#dd8f6e;
    text-align: left; 
    margin-bottom: 0.5em;
}
    
.bloque_escuela img {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 1em;
}





.seguir {
    margin-top: 2em;
}

.seguir a {
    border-radius:0.2em;
    -ms-border-radius:0.2em;     
    -moz-border-radius:0.2em; 
    -webkit-border-radius:0.2em; 
    background-color:#dd8f6e; 
    color:#2e1313;
    font-family: "Sora", sans-serif;
    font-weight: bold;
    font-size: 110%;
    border: none;  
    padding: 0.7em 2.3em;
    text-decoration: none; 
}



.seguir a:hover {  
    background-color:transparent; 
    border-bottom-style: solid; 
    border-width:thin; 
    border-color: #fff;  
    font-weight: bold;
    color:#fff; 
    text-align:center;
    transition:all .3s
}