/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Estilo del botón de WhatsApp flotante */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 1000;
}

.whatsapp-float img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}


  
  .genio{
	  position:absolute;
	  margin-left: 50%;
	  max-width: 550px;	
	  margin-top: -580px;
  
  }  

  
/* styles.css */
/* Estilos generales */
.carrusel {
  position: relative;
  width: 100%;
  max-width: 1200px; /* Ajusta el ancho según tus necesidades */
  margin: 0 auto;
  overflow: hidden;
}

.carrusel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carrusel-slide {
  flex: 0 0 33.33%; /* Cada comentario ocupa el 33.33% del ancho (3 comentarios en desktop) */
  box-sizing: border-box;
  padding: 10px;
}

.carrusel-prev,
.carrusel-next {
  position: absolute;
  top: 50%; /* Centra verticalmente */
  transform: translateY(-50%); /* Ajusta el centrado vertical */
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10; /* Asegura que las flechas estén por encima del contenido */
}

.carrusel-prev {
  left: 10px; /* Posición a la izquierda */
}

.carrusel-next {
  right: 10px; /* Posición a la derecha */
}

/* Estilos para móviles (pantallas de hasta 767px de ancho) */
@media (max-width: 767px) {
  .carrusel-slide {
    flex: 0 0 100%; /* Cada comentario ocupa el 100% del ancho (1 comentario en móviles) */
  }
}
  .secciones{
	color:black;  
	  
  }

  
  
@media (max-width: 740px) {
  .full-page-intro {
    height: 1000px; } 
  .genio{

	  position:relative;
	  margin-left: 0%;
	  margin-top: 0px;
	  margin: auto;
	  width:100%;
}

}

/* Adjustment for mobile devices*/
@media (max-width: 900px) {
  .full-page-intro {
    height: 1000px; } 	
  .carousel {
    height: 100%; }

  .genio{

	  position:relative;
	  margin-left: 0%;
	  margin-top: 0px;
      margin: auto;
      width:100%}
}


.facebook
{
	position: absolute;
	float:left;}

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.3); }

.top-nav-collapse {
  background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } 
	  .genio{

	  position:relative;
	  margin-left: 0%;
	  margin-top: 0px;
      margin: auto;
      width:100%}
  
	  
	  }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }