#fondo_azul{
  min-height: 80vh;
  background-image: url('../img/fondo_azul.jpg');

}



#menu{
    margin-top:30px; margin-left:30px; margin-right: 30px;border: 1px solid darkblue; border-radius: 10px;background-color: #FFFFFF;
}

.hellou{
    padding-right: 10%;
}
.nav-border {
    border-radius: 10px;    
    }

.celda_logo{
  display: block;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  text-align: center;  
}

#logo_escuela{
  height: 45px;    
       
}

#texto_cabecera{

    color: #FFFFFF; 
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    margin-right: 35%;
    margin-bottom: 4%;
    

}

#carrusel-box{
    position: absolute;
    transform: translate(-15%, -30%) !important;
}

 .img-cursos{
     border-radius: 10%;
 }

 .fila-cursos2{
    background-color: rgb(245, 239, 239);
 }

#titulo_programas{
 font-family: 'Roboto', sans-serif;
 text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  

}
html,body {
    overflow-x: hidden;
}

 .curso{
    background-color:white;
    font-family: 'Roboto', sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin:10px

 }

 .detalle-nosotros
{
    
    font-size: 1.3em;
    text-align: justify;
    background-image: url("img/textura.png");
    
   
}

 .titulo_nosotros
{
    
    font-family: 'Roboto', sans-serif;
    text-align: center;
   
    
   
}

#seccion_nosotros{
    background-color: #FFFFFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-left: 300px;
    margin-right: 240px;
}

.pie_pagina{
    background-color: darkblue;
    color: #FFFFFF;
    font-size: 1.4em;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
}
#carousel{display: block;}
#mobil{display: none;}

/* Animaciones */

.animar-entrada{
    opacity: 0;
    transform: translateX(1000px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.animar-entrada.visible {
    opacity: 1;
    transform: translateX(0);
}
.animar-entrada-izquierda{
    opacity: 0;
    transform: translateX(-1000px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.animar-entrada-izquierda.visible {
    opacity: 1;
    transform: translateX(0);
}

.animar-entrada-arriba{
    z-index: 1;
    opacity: 1;
    transform: translateY(-100px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.animar-entrada-arriba.visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.7s ease, transform 0.7s ease
} 
.talleres{
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.talleres.visible {
    opacity: 1;
    transform: translateY(0);
}
.whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background-color: #25D366;
    color: white;
    font-size: 28px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 999;
    transition: transform 0.2s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    color: white;
}





/* igual o mas pequeña que 1200px */
@media (max-width: 1200px) {
    #texto_cabecera{
    margin-top: 20%;
    
    }
    #texto_cabecera h1 {font-size: 2em;}
    #texto_cabecera h3 {font-size: 1.5em;}
    #texto_cabecera {padding-right: 2%;}
    #titulo_programas h1 {font-size: 2em;}
    .titulo_nosotros {font-size: 2em;}
    .curso{font-size:  1.4em;}
    .detalle-nosotros{margin-left: auto; font-size:  1.4em; padding-top:20px}
    #mobil{
        display: block;
        background-image: url('../img/fondo_azul.jpg');
        color: #FFFFFF;
        padding: 5%;

    }
    #carousel{display: none;}
     /* Desactivar efectos */
    .animar-entrada,
    .animar-entrada-izquierda,
    .animar-entrada-arriba,
    .talleres,
    .animar-entrada.visible,
    .animar-entrada-izquierda.visible,
    .animar-entrada-arriba.visible,
    .talleres.visible {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

}