#header{background-color: #114370;}

.sp{color: white;}

#aw{color: white;}

.sub-menu a:hover {background-color: #788487; color: #114370;}

.inner-nav a:hover {background-color: #788487; color: #114370;}

li{
    color: rgb(255, 255, 255);
    font-size: 17px;
}
.mi{color: white;}

#r{padding-top: 90px;}


.mcover{padding-top: 800px; padding-bottom: 100px; width: 100%; height: 800px;}

 .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:67px;
    right:15px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.floats{
    position:fixed;
    width:60px;
    height:60px;
    bottom:128px;
    right:15px;
    background-color:#114370;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}
p{
    color:black;
    font-size:17px !Important;
}
.jumbotron{display: none;}

.my-float{
    margin-top:16px;
}
/*Mis cambios*/
.titulo_footer{
    font-size:18px !important;
}
.texto_footer{
    font-size:15px !important;
    color:white ;
}
.icono_footer{
    font-size:20px;
}
.selector1{
  display: none;
}
.selector2{
  display: none;
}
.fa-envelope{color: white;}

.modal-content{ background-color:#114370; color: white;}

/* .carousel-control-next-icon {
  height: 40px;
  width: 40px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background: #114370;
}

.carousel-control-prev-icon {
  height: 40px;
  width: 40px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background: #114370;
}

.carousel-control-next-icon:after
{
  content: '>';
  color: white ;
  font-size: 23px;
  margin-left: 4px;
}

.carousel-control-prev-icon:after {
  content: '<';
  color: white;
  font-size: 23px;
  margin-right: 4px;
} */
.titulosMovil{
    display:none;
}
.img{width:100%; height: auto;}

.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
.texto-encima{
    position: absolute;
    top: 10px;
    left: 10px;
}
.centrado{
    /*position: absolute;
    top: 50%;
    margin-top: 200px;
    left: 50%;
    background:#114370 ;
    color: white;
    transform: translate(-50%, -50%);
    border-radius: 20px;*/
}

.nuevos_cambios{
    padding: 15px;
    color: white !important;
}
.mis_cambios{
    width: 90%;
    color: white !important;
    font-size:17px;
}
.iconos{
    
}
.mis_cambios2{
  width: 100%;
  color: white !important;
}
.alinear{
  flex-wrap: initial !important;
}
.ajax-response{color: black;}


.nivelesT{
  animation: aparece 1s ease-in-out;
}

.conocenosT{
  animation: aparece 1s ease-in-out;
}

#plantelesFooter{
  perspective: 500px !important; /* Esto le da la perspectiva 3D al contenedor */
}

.tarjeta{
  width: 100%;
  height: 100%;
  position: relative !important;
  transform-style: preserve-3d; /* Permite la rotación 3D */
  transition: transform 0.6s;
}

.frente, .dorso {
  position: absolute !important;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* Oculta la parte posterior cuando se voltea */
/*   display: flex;
  justify-content: center;
  align-items: center; */
  color: white;
  font-size: 20px;
  border-radius: 8px;
}

.frente {
  background-color: #4CAF50 !important;
}

.dorso {
  background-color: rgba(0, 0, 0, 0.7);
  transform: rotateY(180deg); /* El dorso está rotado para que quede oculto inicialmente */
}

#plantelesFooter:hover .tarjeta {
  transform: rotateY(180deg); /* Al hacer hover, rota la tarjeta */
}

.contenedor-scroll, .contenedor-scroll2 {
  /* Ancho del div */
display: none;
 height: 300px; /* Altura fija */
 overflow: auto; /* Permite el desplazamiento */
 scrollbar-width: none; /* Oculta el scroll en Firefox */
 -ms-overflow-style: none; /* Oculta el scroll en Edge/IE */
 /* border: 1px solid white; */ /* Solo para visualizar */
 /* padding: 10px; */
 /* background-color: black; */
 /* color: white; */
}

.contenedor-scroll::-webkit-scrollbar {
display: none;
 }
.leer1, .leer2{
  cursor: pointer;
  color: #0484f2 !important;
  font-weight: bold;
}

/*Mis cambios*/
.titulos{
  text-transform: uppercase;
  font-size: 35px;
}
.accordion-button{
    
    border-radius: 10px !important;
    padding: 15px;
}
.ac1{
  border: 2px solid rgb(18, 246, 45) !important;
}
.ac2{
  border: 2px solid rgb(18, 159, 246) !important;
}
.ac3{
  border: 2px solid rgb(237, 125, 243) !important;
}
.ac4{
  border: 2px solid rgb(246, 18, 18) !important;
}
.ac5{
  border: 2px solid rgb(246, 235, 18) !important;
}
.accordion-button::after{
  background-color: white;
}
.circulo{
    width: 250px;
    height: 250px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 90%;
    background-color: transparent;
}

.counter-title{
  color: #FFF;
}

.alumF{
  color: #000000;
}
#cifrasMovil{
  display: none;
}
@keyframes aparece {
  0%{
    opacity: 1;
    transform: translateX(-100%);
    transition: opacity 1s ease-out, transform 1s ease-out;
  }
  100%{
      opacity: 1;
      transform: translateX(0%);
      transition: opacity 1s ease-out, transform 1s ease-out;
  }
}

@media only screen and (max-width: 700px) {
  .img {
    width: 100%; height: 300px;
  }
  .alinear{
    flex-wrap:wrap !important;
  }
 .mcover{display: none;}

.jumbotron{display: block;}
  #jumbo{margin-top:-40px;}
  .centrado{
    /*position: absolute;
    top: 50%;
    margin-top: 200px;
    left: 50%;
    background:#114370 ;
    color: white;
    transform: translate(-50%, -50%);
    border-radius: 20px;*/
    display: none;
}

}

.accordion-item {
  background-color: transparent !important; /* Fondo transparente */
  border: none; /* Quita bordes */
  transition: box-shadow 0.3s ease-in-out; /* Transición suave */
}

.accordion-header {
  color: white !important; /* Texto en blanco */
}

.accordion-button {
  background-color: transparent !important; /* Fondo transparente del botón */
  color: white !important; /* Color del texto */
  border: none; /* Elimina los bordes */
}

.accordion-button:focus {
  box-shadow: none; /* Elimina el borde azul al hacer clic */
}

.accordion-item:not(.collapsed) {
  /*box-shadow: 0px 4px 30px rgba(255, 255, 255, 0.08); /* Sombra blanca */
  border-radius: 30px; /* Bordes redondeados */
}


/* Mantiene el fondo semi-transparente cuando el acordeón está abierto */
.accordion-item .accordion-button:not(.collapsed),
.accordion-item:not(.collapsed) {
  /*background-color: rgba(255, 255, 255, 0.05) !important;*/
  color: white !important;
}

.accordion-body {
  color: white !important; /* Texto en blanco dentro del cuerpo */
}

.counter-icon{
  margin-top: 40px;
}

.position-relative {
  position: relative;
}

.fondo {
  width: 100%;
  height: 600px; /* Altura fija para evitar que la imagen se haga muy grande */
  object-fit: cover; /* Recorta la imagen sin distorsionarla */
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  /*background: rgba(0, 0, 0, 0.5);*/
  color: white;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.section2{
  /*padding-top: 200px !important; */
  padding-bottom: 50% !important; 
  background-image: url('../images/Banner-Kent\ \(1\).png');
}

/* Ajustes Responsivos */
@media(max-width: 768px) {
    .margenM{
        margin-bottom:-140px;
    }
    .MR{
        margin-top:20px;
    }
    .titulosMovil{
        display:block;
    }
  .circulo2 {
    width: 230px !important;
    height: 230px;
    border: 2px solid rgb(2, 80, 227);
    border-radius: 90%;
    background-color: transparent;
}
  #cifrasMovil{
    display: flex;
  }
  #cifrasEscritorio{
    display: none;
  }
  .section2{
    padding-top: 270px !important; 
    padding-bottom: 0px !important;
    margin-bottom: 30px;
  }
  .titulos{
    font-size: 22px;
  }
  .mb-64{
    padding: 50px;
   }
  .fondo {
      height: 250px; /* Reduce la altura en móviles */
  }

  .overlay {
      width: 90%;
      padding: 10px;
      top: 50%; /* Ajustar para que siga centrado */
  }

  .counter {
      width: 100%;
      margin-bottom: 15px;
  }

  .counter-icon {
      font-size: 24px;
  }

  .counter-number h6 {
      font-size: 20px;
  }

  .counter-title {
      font-size: 16px;
  }
  
}