/* barra de navegacion */

.navbar {
    padding: 1rem;
    background-color: #f5f6f7;
    }

    
 .navbar-collapse {
    align-items: center;
   justify-content: space-between;
 }  


 /* secciones generales */

   section{
     /* display: flex;*/
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   h1{
      font-size: 2.5rem;
      font-family: "DM Mono", monospace;
      font-weight: 400;
      font-style: normal;
      
   }

   .seccion-oscura{
      color: white;
      background-color: #31314b;
   }

   .seccion-titulo{
      font-size: 2rem;
      padding: 15px 0;
      font-family: "Rubik Dirt", system-ui;
       /* font-family: "Rubik Doodle Shadow", system-ui; */
      font-weight: 400;
      font-style: normal;
      letter-spacing: 3px;
   }

   .seccion-texto{
      font-size: 1.2rem;
    }

    i{
      font-size: 50px;
      padding: 15px;
      color: white;
    }

    .sobre {
      color: black;
      padding: 5px;
    }

 


 /* seccion Hero */

 .hero {
   background-color: #f5f6f7;
   min-height: 250px;
   text-align: center;
 }

 .hero-principal {
   padding: 3rem;
 }

 .hero-img{
   width: 80px;
   height: 80px;
  /* border-radius: 20px;*/
   margin: 20px;
 }

.hero-principal h2{
   font-size: 1.5rem;
   color: #615151;
}

.barra {
   background-color: #900C3F;
   height: 70px;
}


/* Carrusel */

.carrusel{
   padding: 40px 40px 80px 40px;
   }

.carrusel .carousel{
   max-width: 1200px;
}

.carrusel .carousel-item{
   height: 500px;
}


/* carrusel_2 */


.carrusel_2 .carousel-item .container{
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.ieea-imagen{
   height: 250px;
   width: 250px;
   margin: 10px 10px 30px 10px;
}

.ieea-texto{
  max-width: 70%;
  font-size: 20px;
  text-align: center;
  font-family: "DM Mono", monospace;

}

/* informa */

.informa{
  padding: 80px;
}

.informa .row div{
   height: 400px;
  
 }

.seccion-clara{   
   color: black;
   background-color: white;
}

.informa-titulo{
   font-size: 25px;
   font-weight: bold;
   margin: 10 px;
}

.informa i{
   font-size: 2.5rem;
   color: maroon;
   padding: 8px 19px;
   border-radius: 50%;
  }


.informa .columna{
   padding: 20px;
   border: 2px solid #8080804d;
   align-items: center;
   justify-content: space-evenly;
   transition: all 0.2s ease-in;
}

.informa .columna:hover{
   color: white;
   background-color: #ad8794;
}


/* servicios */

.servicios{
  padding: 80px;
}

.servicios .row div{
   height: 700px;
  }

.seccion-clara{   
   color: black;
   background-color: white;
}

.servicios-titulo{
   font-size: 25px;
   font-weight: bold;
   margin: 10 px;
}

.servicios i{
   font-size: 2.5rem;
   color: maroon;
   padding: 8px 19px;
   border-radius: 50%;
  }


.servicios .columna{
   padding: 20px;
   border: 2px solid #8080804d;
   align-items: center;
   justify-content: space-evenly;
   transition: all 0.2s ease-in;
}

.servicios .columna:hover{
   color: white;
   background-color: #3a7c66;
}

.servicios .ligaservicios{
   color: #900C3F;
   font-size: 1.2rem;
}


/*  ligas */

.ligas{
   height: 350px;
   padding: 10px;
}

 .ligas .color_ligas{
      text-decoration: none;
      font-size: x-large;
      color: #f5f6f7;
    }

.menu-footer{
   height: 200px;
   padding: 15px;
}


/* carrusel */

.carousel-control-next-icon{
   background-image: url("../img/arrow-right-circle-fill.svg"); 
   height: 100px;
   }

.carousel-control-prev-icon{
   background-image: url("../img/arrow-left-circle-fill.svg"); 
   height: 100px;
}


/* tabla drectorio */

.tabladir .ligatabla{
   color: #900C3F;
   font-size: 1.1rem;
}

/* infopbu.html */

.infor_pub{
  display: flex;
  flex-direction: column;
}

.infor_pub a{
   color: #31314b;
   text-decoration: none;

}

.infor_pub ul{
   list-style: none;
}

.infor_pub .boton{
   color: white;
   text-decoration: none;

}

/* Ubicanos.html*/

.ubicacion .foto{
      width: 346px;
      height: 200px;
      margin: 0px auto 10px;
      display: block;
      border-radius: 10%;
      border-color: #B23674;
 } 

 /* adaptables responsivos */

 @media screen  and (max-width:767px){
    .navbar-brand{
        display: none;
    }
 }