/**/
/*header inicio*/
templatemo_nav_top{
    background-color: darkgreen;
    /*border-radius: 8%;*/
}

#logo_1 {
    height: 110px !important; /* Ajusta el tamaño según lo necesites */
    width: auto !important;  /* Mantiene la proporción */
    display: block; /* Asegura que se respete el tamaño */
}


#nav .navbar-nav .nav-link {
    font-size: 20px; /* Ajusta el tamaño según lo necesites */
    font-weight: bold; /* Opcional, para hacer la letra más gruesa */
}

/* Cuando se pasa el mouse */
.navbar-nav .nav-link:hover {
  color: green !important;
}

/* Cuando el enlace está activo (la clase .active ya la pone Bootstrap en el ítem actual) */


/*header final*/

/************************************************************************************/

/*body inicio*/
body {
    padding-top: 180px; /* Ajusta según la altura del navbar */
  }


.hero-section{
    margin: 5em;
}
#templatemo_nav_top{
    background-color: darkgreen;
    /*border-radius: 8%;*/
}

#logo_1 {
    width: 100px; /* Ajusta según necesites */
    height: 100px;
    object-fit: contain; /* Mantiene la proporción */
}




#carouselExampleIndicators{
    height: 600px;
}

#carouselExampleIndicators .carousel-inner,
#carouselExampleIndicators .carousel-item {
    height: 100%;
}

#carouselExampleIndicators .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.navbar {
    padding: 0.2rem 1rem; /* Reduce el espacio interno (padding superior e inferior) */
    min-height: 40px; /* Ajusta la altura mínima de la barra */
}

.navbar-nav .nav-link {
    padding: 5px 8px; /* Reduce el espacio entre los enlaces */
    font-size: 14px; /* Ajusta el tamaño del texto */
}

.navbar-brand img {
    height: 40px; /* Ajusta el tamaño del logo en la barra de navegación */
    width: auto;
}

/*body {
    background-color: #174d2da1; /* Azul claro 
}*/

#descripcion{
    text-align: justify;
    font-size: larger;
    color: black;
}


.textodetalle{
    color: black;
    text-align: justify;
    margin: 5px;
}


.galeria-img {
    height: 250px; /* Mismo tamaño para todas */
    object-fit: cover;
    width: 100%;
}


.card-img-fixed {
    height: 200px;
    object-fit: cover;
  }

  .btn{
    background-color: green;
  }

  #galeriaCarousel .carousel-item img {
    max-height: 80vh; /* 80% de la altura visible de la ventana */
    object-fit: contain; /* Mantiene proporciones sin recortar */
    width: 100%;
  }

  @media (max-width: 768px) {
    #galeriaCarousel .carousel-item img {
      max-height: 60vh; /* Un poco menos para pantallas pequeñas */
    }
  }

/*body final*/

/************************************************************************************************/

/* footer inicio*/

#tempaltemo_footer{
    background-color: darkgreen;
    
}

#titfooter{
    color: white;
}


/* footer final*/
  
.hospe{
    padding-top: 20px;
    padding-bottom: 20px;
}

.cuenta{
    padding-top: 20px;
    padding-bottom: 20px;
}

.object-fit-cover {
    object-fit: cover;
  }

  .galeria-miniatura {
    height: 280px;
    object-fit: cover;
    width: 100%;
  }

  .carousel-img {
    height: 80vh;               /* Altura uniforme para todas las imágenes */
    object-fit: cover;          /* Ajusta la imagen sin deformarla */
    width: 100%;
  }


  .card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    transition: all 0.3s ease;
  }

  .card {
    transition: all 0.3s ease;
  }


  .carousel-item img {
      max-height: 600px;
      object-fit: contain;
      
    }
    .galeria-img {
      cursor: pointer;
    }



    .formulario{
      color: green;
    }



    /******************************************************/
    /*hopedaje*/

blockquote {
        border-left: 4px solid #2f5d34;
        background: #e6f2e6;
        padding: 1rem;
        border-radius: 8px;
      }