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


 .fondo_titular {
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 3%;
    background-color: #fe5109;
    overflow: hidden;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}



.titular {
    font-family: "Sora", sans-serif;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-size: 220%;
    padding-top: 2%;
}


.bajada_titular {
    font-family: "Nunito Sans", sans-serif;
    text-align: center;
    font-size: 110%;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}





.caja_video {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
}
    
.video_position {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border: 7px solid #fe5109;
    -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_position iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}










.tips_modalidad {
    width: 100%;
    justify-content: center;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    margin-top: 2%;
    margin-bottom: 3%;
}
  
@keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
}
        
        
.tips_modalidad .caja {
    float: none;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 4%;
    padding: 2em;
    text-align: center;        
    font-size: 120%;
    color:#fff;
    border-radius: 9px;
    font-family: "Nunito Sans", sans-serif;
    min-height: 250px;
}

.fnd_naranja {
    background-color: #fe5109;
}

.fnd_gris {
    background-color: #58314e;
}

.fa-layer-group, .fa-mobile-alt, .fa-users, .fa-leanpub, .fa-video, .fa-globe-americas, .fa-laptop  {
    color:#fabbbb;
    font-size: 310%;
    padding-bottom: 2%;
}
    
.tips_modalidad article {
    font-family: "Sora", sans-serif;
    font-size: 165%;
    color:#fff;
    font-weight: bold;
    margin-bottom: 0.1em;
}







.quiero_inscribirme {
    font-family: "Nunito Sans", sans-serif;
    margin: 0 auto 0 auto; 
    width: 100%;
    clear: both;
    min-height: 7em;
    padding-top: 3em;
    padding-bottom: 3em;
    text-align: center;
    overflow: hidden;
}
   
.quiero {
    font-size: 130%;
    margin-bottom: 1em;
    color:#58314e;
    font-weight: bold;
}
    
    
a.btn_wapp {
    text-align: center;
    color: #fff;
    padding: 0.5em 1em;
    text-decoration: none;
    font-size: 160%;
    font-weight: bold;
    background-color: #fe5109;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    transition:all .3s;
}  

a.btn_wapp:hover {
    background-color: #6f625f;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}









.abre_vasaprofundizar {
    background-color: #fe5109;
    padding-bottom: 6%;
    padding-top: 6%;
}

.titulo_profundizar {
    font-family: "Sora", sans-serif;
    font-size: 145%;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
}

.caja_areas {
    display:inline;
    flex-wrap:nowrap;
    justify-content: center;
}


.caja_areas div {
    font-family: "Nunito Sans", sans-serif;
    text-align: center;
    padding: 2%;
}

.caja_areas article {
    color:#fff;
    border-bottom: 1px solid #edad92;
    padding: 1em;
    font-size: 130%;
}