/*=========================BODY================================*/
body {
  margin: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*=========================HEADER================================*/
.menu-fijado {
  position: fixed;
  z-index: 1000;
  top: 0;
  box-shadow: 0px 4px 3px #58582D;

	
}
#miheader {
  /*background-color: #8E8E4F !important;
  /*color: white !important;*/
 
}
#miheader-hexagramas {
  margin-bottom: 100px !important;
}
#container-detalle-hexagrama {
  margin-top: 100px !important;
}

#miheader {
  background-color: #FFFFFF; /* Fondo blanco */
  
}

#mimenu {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%238E8E4F' fill-opacity='1' d='M0,0L120,5.3C240,11,480,21,720,37.3C960,53,1200,85,1320,101.3L1440,117.3V0H1440Z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;*/

}

#letras-menu {
	color: #3A3839; /* Color de texto gris */
}

#itemhexagramas{

}

.navbar{
	color: gray;
}




/*=========================SLIDER================================*/
#carousel h3{
	color:#2F2F1B !important;
}
#carousel p{
	color:white;
}
#carousel-letras{
color:pink;	
}
#carousel-p{
background-color: rgba(142, 142, 79, 0.50);		
}
/*=========================SECCION ORACULO================================*/
#seccion-oraculo a {
  color: #8E8E4F !important;
}
#seccion-oraculo  {
  border-radius: 15px;
}

/*=========================AUDIO================================*/

#audio  {
  /*background: rgba(5, 7, 12, 0.42);*/
  border-radius: 15px;
  background-color: #D5D4BA;

}
 #audio  a {
color: #58582D!important;		
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: white;
}

  #audio3  a {
color: #58582D!important;		
}


#exampleModal .modal-body  a{
	color: #58582D!important;
}
/*=========================AYUDA================================*/

#ayuda {
background-color: #D5D4BA;
border-radius: 15px;

}
/*=========================SECCION CONTACTO================================*/
#contenedor-formulario-contacto {

}

#seccion-contacto {
border-radius: 15px;

}


#form-email {
background: rgba(5, 7, 12, 0.22);
border-radius: 15px;
padding: 15px;
margin-bottom: 15px;
}
#boton-formulario{
border-radius: 15px;	
}

/*=========================FOOTER================================*/
footer {
  background-color: rgba(142, 142, 79, 1.00);
  color: white; 
}
footer a {
  color: white;
}
footer a:hover {
  color: #4A4A2B;
}
#iconos .bi {
  font-size: 26px;
  padding: 0 8px;
  color: #FFFFFF;
}

 #milogo{
	font-family:"Trajan Pro";
}



/*=========================JAVASCRIPT================================*/
.enfoco {
  width: 50%;
  background-color: #8E8E4F;
  text-align: center;
  color: #ffffff;
}
.fueradefoco {
  width: 50%;
  placeholder: "6,7,8,9";
  text-align: center;
}
/*========================= QUERIES PANTALLA 300================================*/
@media (min-width:300px) {
  .nav-item {
    border-bottom: 1px solid #FFFFFF;
  }
  #introduccion {
    width: 100% !important;
  }
  #id-gracias img {
    width: 100%;
    height: 100%;
  }
}
/*=========================SM QUERIES PANTALLA 576================================*/
@media (min-width:576px) {
  .img {
    width: 150px;
    height: 100px;
  }
}
/*=========================MD QUERIES PANTALLA 768================================*/
@media (min-width:768px) {
  #letras-menu {
    display: inherit !important;
  }
  #introduccion {
    display: inherit !important;
  }
  .nav-item {
    border-bottom: hidden;
  }
  #itemhexagramas {
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
  }
}
/*=========================LG QUERIES PANTALLA 992================================*/
@media (min-width:992px) {
  #letras-menu {
    display: none !important;
  }
}
/*=========================XL QUERIES PANTALLA 1200================================*/
@media (min-width:1200px) {
  #letras-menu {
    display: none !important;
  }
  .carousel-item #slide1, #slide2 {
    height: 550px;
  }
}
/*=========================XXL QUERIES PANTALLA 1400================================*/
@media (min-width:1400px) {
  #letras-menu {
    display: none;
  }
  #seccion-oraculo {
    max-width: 800px;
  }
  #seccion-contacto {
    max-width: 800px;
  }
  #detalle-hexagrama {
    max-width: 800px;
  }
}

/*=========================PAG-ORACULO-RESULTADO================================*/
#retroceder a .bi {
  color: #555520 !important;
}
.hexagrama-oraculo-resultado {
  margin-top: 100px !important;
}
/*=========================PAG-HEXAGRAMAS================================*/
.row{
	padding-top: 20px;
}

#introduccion a .bi {
  color: #555520 !important;
}
/*=========================PAG-DETALLE-HEXAGRAMA================================*/
#detalle-hexagrama {
  color: #4A4A2B;
}
.accordion-button {
  background-color: #8E8E4F !important;
  color: white !important;
}
.boton-hexagramas .btn {
  background-color: #4A4A2B;
  width: inherit;
}
.boton-hexagramas .btn {
  outline-color: #8E8E4F;
}
.card {
  min-height: 320px !important;
}
.card-body {
  /*min-height: 420px!important;*/
}
.card-header {
  min-height: 80px !important;
}

 #imagen-hexagrama-detalle{
	height: 190px;
	 width:166px;
}



.texto {
  max-height: 100%;
  overflow-y: auto; /* Agrega scroll si el contenido excede la altura máxima */
	 text-align: left;
	margin-top: 150px
}

@media (max-width: 767.98px) {
  .texto {
    max-height: none; /* Elimina la altura máxima en dispositivos pequeños */
    overflow-y: visible; /* Permite que el contenido se desborde en dispositivos pequeños */
  }
}


    .icono {
      width: 30px; /* Ancho del ícono */
      height: auto; /* Altura automática para mantener la proporción */
      margin-right: 10px; /* Espacio entre el ícono y el texto */
}
		
.sin-puntos {
     list-style-type: none;
    }

.col-md-6{
	/*
	border-radius: 25%; /* Esto crea bordes redondeados */
	/*
  	overflow: hidden; /* Esto asegura que la imagen se ajuste correctamente */
}
.img-fluid {
	
}

#img-intro{
	padding-top:125px

}

#img-chakras{
	padding-bottom:20px	

}


.fs-2{
	margin-top: 70px;
}


#loto{
border-radius: 15px;	
}