@charset "utf-8";
/* 1-smartphone/profesorado.css */

body {
margin:0;
font-size:100%;
font-family: 'Krub', sans-serif;
}




.encabezado {
    width: 100%;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}



.fondo_encabezado {
    width: 100%;
    background-color: #fe5109;
    height: 230px;
    -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
    box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.10);
    overflow: hidden;
}


.caja_modalidad {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 83%;
    padding-top: 6em;
}

.modalidad {
    font-size: 245%;
    color:#fff;
    font-weight: 300;
    line-height: 1.1em;
    }

.bajada_modalidad {
    font-size: 115%;
    color:#fff;
    text-transform: uppercase;
    padding-top: 1%;
    }

    

    
    
    .presentacion {
        width: 100%;        
        overflow: hidden;
        background: transparent url('../../imagenes/fondo_profesorado_movil.jpg')center top no-repeat;
        background-size: contain;
        background-color: #fff;
        transition: all 0.5s ease;
    }
    

    .contenido_presentacion {
        width: 90%;        
        margin: 0 auto 0 auto;
        padding-top: 80%;
    }


    .texto_prof {
        padding: 7%;
        width: 100%;
        margin: 0 auto 0 auto;
        min-height: 19em;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,0) 7%, rgba(255,255,255,0.75) 43%);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    
    .texto_prof .bt_compartir a {
        color: #fe5109;
        font-weight: bold;
        font-size: 115%;
        text-decoration: none;
    }
    
    .texto_prof .bt_compartir a:hover {
        text-decoration: underline;
    }
    
    .texto_prof img {
        float: left;
        width: 39%;
        padding-right: 3%;
    }
    
    .txt_principal {
        font-size: 125%;
        color:#333;
        margin-bottom: 0.3em;
    }
    
        
    .marco_video {
        width: 100%;
        margin: 0 auto 0 auto;
        text-align: center;
    }
    
    .video_prof {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        border: 7px solid #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
        -moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
        box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.10);
    }
    
    .video_prof iframe {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        
    }
    

    
    
    
    
    
    
    
    
    
    
    
    .tips_modalidad {
        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%;
}
  
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
             }
        }
        
        
     .tips_modalidad div{
        padding: 1.3em;
        text-align: center;        
        font-size: 110%;
        color:#624d70;
    }

    .fa-award, .fa-mobile-alt, .fa-users, .fa-spa  {
        color:#ff5502;
        font-size: 330%;
        padding-bottom: 1%;
    }
    

    .tips_modalidad article {
        font-size: 175%;
        color:#624d70;
        font-weight: bold;
    }
    
    
    
    
    
    
    .vida_integrada {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(254,81,9,1) 81%);
        width: 100%;
        margin-bottom: 3%;
        min-height: 13em;
    }
    
    .vida_integrada div {
        color: #fff;
        font-size: 140%;
        width: 90%;
        padding: 15% 5% 15% 5%;
        text-align: center;
        margin: 0 auto 0 auto; 
    }
    
    
    
    
    
    
    
    
    .caja_profe_detalles {
        margin: 0 auto 0 auto; 
        width: 100%;
        clear: both;
      
    }
    
    
     .profe_detalles {
        width: 90%;
        margin: 0 auto 0 auto;
        margin-bottom: 6%;
        background-color:#fff;
        -webkit-border-bottom-right-radius: 9px;
        -moz-border-bottom-right-radius: 9px;
        border-bottom-right-radius: 9px;
        -webkit-box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.20);
        -moz-box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.20);
        box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.20);
    }
    
    .height1 {
        height: 41em;
    }
    
    .height2 {
        height: 43em;
    }
     
    
        
    .bajada_detalle {
        text-transform: uppercase;
        font-size: 90%;
        font-weight: bold;
        color: #fe5109;
        margin-bottom: 0.5em;
    }
    
    
    .profe_detalles img {
        width: 100%;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .detalle {
        font-size: 95%;
        color:#624d70;
        padding-top: 4%;
        padding-bottom: 7%;
        padding-left: 9%;
        padding-right: 9%;
        line-height: 1.5em;
    }
    
    .detalle span {
        font-style: italic;
    }
    
    .titulo_detalle {
        font-size: 180%;
        color:#333;
        margin-bottom: 2%;
        line-height: 1.1em;
    }
    
    
   
    
    
    
    
    
    
    
    .enlace_planilla {
        margin: 0 auto 0 auto; 
        width: 100%;
        clear: both;
        min-height: 7em;
        padding-top: 3em;
        padding-bottom: 3em;
        text-align: center;
        overflow: hidden;
    }
   
    .trespasos {
        font-size: 130%;
        margin-bottom: 1em;
        color:#624d70;
        font-weight: bold;
    }
    
    
   a.link_planilla {
        text-align: center;
        color: #fff;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        text-decoration: none;
        font-size: 160%;
        background-color: #fe5109;
        -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
        -moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
        box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.10);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        transition:all .3s;
}  

    a.link_planilla:hover {
        background-color: #fe3109;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.30);
        -moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.30);
        box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.30);
}



    .comparte {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    
    .comparte_linea {
        height: 1px;
        background-color:#624d70;
        width: 30%;
        margin: 0 auto 0 auto; 
        text-align: center;
        margin-top: 1.7em;
    }
    
    
    .comparte a {
        font-size: 100%;
        text-decoration: none;
        color:#624d70;
    }
    
    
    
    
    
    
    
    
    
    
    
    

    
    
 
    .formate {
        background-color: #fe3109;
        width: 100%;
        padding-bottom: 5%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        }
  
               
        
        .titulo_formate {
        padding-top: 10%;
        padding-left: 10%;
        padding-right: 10%;
        background-color: #fe3109;
        width: 100%;
        text-align: left;
        font-size: 170%;
        color: #fff;
        }
      
        
     .formate div{
         width: 90%;
        margin: 1.5em;
        padding: 1em;
        text-align: left;        
        font-size: 95%;
        color: #fff;
        border-top: 2px solid #fff;
    }

    
    .formate article {
        font-size: 165%;
        color:#fad3cc;
        font-weight: bold;
    }
    
    
    
    .formate a {
        background-color: #fff;
        color: #fe3109;
        font-weight: bold;
        font-size: 120%;
        padding: 4%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        transition:all .3s;
    }