html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'poppins', sans-serif;
}
body {}
.italic-text {
  font-family: 'poppins Condensed Italic', sans-serif;
}
body {
  background: #000000;
  font-family: 'poppins Condensed', sans-serif;
  line-height: 1;
  max-width: 1920px; /* Establece el ancho máximo a 1920 píxeles */
  margin: 0 auto; /* Centra el contenido horizontalmente */
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  font-family: 'poppins', sans-serif; /* Puedes reemplazar 'Helvetica' con el nombre de la fuente que prefieras */
}
@font-face {
  font-family: 'poppins';
  src: url('/font/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../font/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed Italic';
  src: url('../font/RobotoCondensed-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
ul.navbar-nav li .nav-link.active {
  color: #FFF;
}
/* Ocultar el div cuando la pantalla es mayor a 900px */
.datos_descrip_abajo {
  display: none; /* Ocultar el div por defecto */
}
.bi-facebook, .bi-twitter-x, .bi-instagram, .bi-youtube {
  height: 50%; /* o cualquier otro valor de altura relativa */
  width: 50%;
}
.bi-facebook, .bi-twitter-x, .bi-instagram, .bi-youtube {
  height: 20px; /* o cualquier otro valor de altura que desees */
  width: auto; /* para que el ancho se ajuste automáticamente */
  vertical-align: middle; /* para que los iconos se centren verticalmente */
}
.contenedor-imagen {
  width: 100%; /* Ancho del contenedor igual al ancho del padre */
  height: 100px; /* Ajusta esta altura según sea necesario */
  overflow: hidden; /* Oculta el desbordamiento de la imagen */
  position: relative; /* Posiciona la imagen en relación con el contenedor */
}
/********************* FOTO CIRCULO*****************************************/
.foto_detalle {
  position: relative; /* necesario para que el borde blanco se posicione correctamente */
  /* overflow: hidden; /* oculta cualquier contenido que sobresalga del div */
  width: 300px; /* ancho del div */
  height: 300px;
  margin: 20px auto; /* margen para separar del contenido y centrar horizontalmente */
  display: flex;
  justify-content: center;
  align-items: center;
}
.foto_detalle {
  position: absolute; /* se posiciona absolutamente dentro del div */
  top: 7px; /* se posiciona 7px desde la parte superior del div */
  left: 7px; /* se posiciona 7px desde la parte izquierda del div */
  width: calc(100% - 14px); /* ancho del borde blanco */
  height: calc(100% - 14px); /* alto del borde blanco */
  border: 1px solid #FFFFFF; /* borde blanco interior */
  border-radius: 50%; /* hace que el borde blanco sea circular */
}
.fotocirculo {
  max-width: 100%; /* ancho de la imagen */
  height: auto; /* alto de la imagen */
  object-fit: cover; /* ajusta la imagen para que se vea completa */
  margin: 0 auto;
  border-radius: 50%;
  border: 5px solid #6B6000 !important;
}
/********************DESCRIPCION CHICA***************/
.descrip {
  font-size: 14px;
  font-family: poppins;
  font-weight: 300;
  line-height: 1.5em;
  color: #FFF;
}
.detalle_chic {
  margin-top: 0px;
  background: #000000;
  height: 80% !important;
  padding-top: 0px;
  padding-bottom: 1px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/novedades.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; /* or background-size: 100% 100%; */
  width: 100%;
}
.barra_gris {
  height: 2px;
  background: #6B6000;
}
.barra_datos {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #C3B091;
  margin-top: 10px;
  padding: 8px;
  font-family: 'poppins', arial;
  font-size: 17px;
  font-weight: 500 !important;
}
.estrella_calf {
  margin-top: 10px 0 0 40px;
  color: #A49400;
  font-size: 20px;
}
.estrella_calf_grande {
  color: #A49400;
  font-size: 25px;
  margin: 10px;
}
.nomb_descrip {
  font-family: poppins;
  font-weight: 300;
  color: #FFF;
  margin-top: 5px;
  font-size: 25px;
}
.nomb_descrip_datos {
  font-size: 22px;
  font-family: poppins, arial;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #000000;
  border: 2px solid #C3B091;
  padding: 10px 0 10px 0;
  background: #C3B091;
}
.acerca_mi {
  font-family: 400 !important;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 0px;
  padding-bottom: 0px;
  font-size: 19px;
  color: #C3B091;
  display: flex;
}
.badge-custom {
  border: 1px solid #C3B091;
  margin: 3px;
  padding: 10px 10px !important;
  background: #000000;
  color: #FFF;
  font-family: poppins;
  font-size: 14px;
  font-weight: 300 !important;
  border-radius: 0px;
}
.cont_badge {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: left
}
/********************FIN DESCRIPCION CHICA***************/
/******************LISTA CONTACTO***********/
.contacto {
  background: 000000;
  /*border-bottom: 2px solid #C3B091;*/
}
.lista-horizontal {
  font-family: poppins;
  color: #FFF;
  /*color:#C3B091;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /*gap: 5px;*/
  padding: 0;
  list-style: none;
}
.lista-horizontal li {
  flex: 1 1 30%; /* Hace que los elementos se ajusten en filas */
  display: flex;
  justify-content: flex-start;
}
.item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.iconos_valores {
  width: 55px; /* Mantén el ancho en 65px */
  height: 65px; /* Mantén la altura en 65px */
  margin-right: 10px; /* Espacio entre el ícono y el texto */
}
.iconos_valores_promo {
  width: 83px; /* Mantén el ancho en 65px */
  height: auto; /* Mantén la altura en 65px */
  margin-right: 8px; /* Espacio entre el ícono y el texto */
}
p {
  margin: 0; /* Elimina márgenes en el párrafo para mejor alineación */
}
.lista-horizontal li {
  padding: 0px 10px 10px 0px;
  margin-right: 12px; /* espacio entre items */
}
.item {
  font-family: poppins;
  font-weight: 400;
  font-size: 16px;
  display: flex; /* mostrar imagen y texto en línea */
  flex-direction: row; /* alinear imagen y texto en la horizontal */
  align-items: center; /* centrar imagen y texto verticalmente */
  margin: 0px 10px 0px 1px;
}
.item img {
  margin-right: 10px; /* espacio entre imagen y texto */
}
.contenedor-imagen img {
  width: 100%; /* Asegura que la imagen ocupe el 100% del contenedor */
  height: 100%; /* Asegura que la imagen ocupe el 100% de la altura del contenedor */
  object-fit: cover; /* Hace que la imagen cubra el contenedor sin distorsionarse */
  object-position: top; /* Alinea la imagen en la parte superior del contenedor */
  position: absolute; /* Mantiene la imagen dentro del contenedor */
}
/********************SERVICIOS********************************/
.servicios {
  font-weight: 400;
  padding: 0px 0px 10px 0px;
  background:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url("img/img_fondo_servicios.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFF;
  height: 100%;
}
.badge-custom_serv {
  border: 2px solid #6B6000;
  margin: 3px;
  padding: 10px 10px;
  color: #FFF;
  font-family: poppins;
  font-size: 14px;
  font-weight: 300;
  border-radius: 0px;
  background: #272727;
}
/********************FIN SERVICIOS********************************/
/***************************INGRSAR DATOS***************************************************/
.img-container {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0.2rem;
  display: flex; /* Agregué esta línea */
  justify-content: center; /* Agregué esta línea */
  align-items: center; /* Agregué esta línea */
}
.mi-columna {
  background-color: #000000;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
}
/****************FIN FOTOS*******************************************/
/*******************VALORIZACION*************************************************/
.accordion-body {
  padding: 0px;
  margin-bottom: 20px;
}
button.accordion-button.acord_val {
  margin: 0px;
}
.accordion-button-icon {
  color: #FFF; /* o cualquier otro color que prefieras */
}
.custom-accordion .accordion-button-icon::after {
  color: #FFF; /* o cualquier otro color que prefieras */
}
.acord_val {
  border: 1px solid #6B6000;
  font-family: poppins, arial;
  background: #6B6000;
  color: white;
  display: block;
  width: 100%; /* o un ancho específico, como 300px */
  margin-bottom: 20PX;
  text-align: center;
}
.accordion-button:not(.collapsed) {
  font-weight: 300;
  background: #6B6000;
  color: #FFF;
  border: none;
  font-size: 17px;
}
.accordion-toggle[aria-expanded="false"] .accordion-icon::before {
  color: #666; /* Cambia el color de la flecha a gris cuando está desactivado */
}
.accordion-toggle[aria-expanded="true"] .accordion-icon::before {
  color: #33cc33; /* Cambia el color de la flecha a verde cuando está activo */
}
.num_valor {
  font-size: 45px;
}
.valorizacion {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center; /* centra verticalmente */
  background: #373202;
  color: #FFF;
  margin-top: 10px;
  padding: 8px;
  font-family: poppins, arial;
  font-size: 17px;
  font-weight: 400 !important;
}
.coment_caja {
  line-height: 1.3rem;
  border: 1px solid #FFF;
  background: #000000 !important;
  color: #FFF !important;
  margin-top: 10px;
  padding: 8px;
  font-family: 'poppins', arial;
  font-size: 13px;
  font-weight: 300 !important
}
.coment {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center; /* centra verticalmente */
  background: #554d04;
  color: #FFF;
  margin-top: 10px;
  padding: 8px;
  font-family: 'poppins', arial;
  font-size: 17px;
  font-weight: 400 !important;
}
.num_comentarios {
  font-size: 17px;
  font-weight: 400;
  font-family: poppins, arial;
}
.name_usuario {
  color: #c4b091;
  font-size: 17px;
}
.num_valor p {
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin-top: 10px; /* Agrega un espacio de 10px entre el número 8 y la palabra "Lugar" */
  margin-bottom: 0; /* Elimina el espacio inferior del párrafo */
}
.boxes-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 800px; /* Ajusta este valor según lo necesites */
  margin: 0 auto; /* Centra el contenedor si es necesario */
}
.box {
  font-family: Poppins, Arial;
  /*width: 70%;*/
  height: 100px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #000000;
  border: 2px solid #c4b091;
  flex-wrap: wrap;
  /* Añadir un ratio para evitar que los círculos se deformen */
  aspect-ratio: 1 / 1;
  border-radius: 50%; /* Para asegurarse de que el contenedor sea circular */
}
.box span {
  font-size: 48px;
  font-weight: bold;
}
.box span {
  display: inline;
}
.box p {
  font-size: 18px;
  font-weight: normal;
}
.box:hover {
  border-color: #A49400; /* cambia el color del borde al pasar el mouse */
}
/***********tablas***************/
.mi-tabla {
  font-family: poppins, arial;
  width: 100%;
  table-layout: fixed;
}
.mi-tabla tr:not(:first-child) {
  border-top: 0.8px solid #c4b091; /* Ajustar grosor de la línea */
}
.mi-tabla .text-right {
  font-size: 16px;
  font-weight: 300;
  text-align: right;
  color: #FFF;
}
.mi-tabla .col-2 {
  width: 30%;
}
.mi-tabla .vertical-center {
  vertical-align: middle;
}
/* Agregar padding a las celdas */
.mi-tabla th, .mi-tabla td {
  padding: 7px;
}
/* Agregar margin entre las filas */
.mi-tabla tr {
  margin-bottom: 10px;
}
/* Ajustar ancho de la primera columna */
.mi-tabla th:first-child, .mi-tabla td:first-child {
  width: 70%;
}
/***********fin tabla***********************/
/**************************FIN VALORIZACION*****************************************************/
/*******************************INGRESAR DATOS CLIENTE****************************************************************/
.subir_img {
  max-width: 50%;
}
/********************************FIN INGRESAR DATOS***************************************************************************************/
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: 1s all;
  opacity: 0;
}
.loading.show {
  opacity: 1;
}
.loading.show {
  opacity: 1;
}
.loading.logo_loading {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 29999;
}
.loading .spin {
  position: relative;
  top: -4px;
  left: -202px;
  z-index: 19999;
  border: 15px solid rgb(153, 50, 255, 0.5);
  border-top-color: rgb(144, 2, 185, 0.6);
  border-radius: 50%;
  width: 14em;
  height: 14em;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.botmenu {
  padding-left: 20px !important;
  padding-right: 20px !important;
  max-width: 300px;
  margin-top: 3px;
  font-size: 13px;
  font-family: 'poppins', sans-serif;
  background-size: cover;
  background-position: center;
  bottom: 5px;
  right: 5px;
  padding: 3px;
  z-index: 10000;
  cursor: pointer;
  color: #fff; /* Color de texto del botón */
}
.botmenu:hover {
  background-color: #A89702 !important; /* Mantener el mismo color de fondo */
  color: #fff !important; /* Mantener el mismo color de texto */
}
.botmenu:active {
  background-color: #6B6000 !important; /* Mantener el mismo color de fondo */
  color: #fff !important; /* Mantener el mismo color de texto */
}
.botmenuMovil {
  font-size: 15px;
  font-family: 'poppins', sans-serif;
  background-size: cover;
  background-position: center;
  top: 10px; /* Cambia bottom por top y ajusta el valor */
  right: 5px;
  z-index: 100;
  cursor: pointer;
  color: #fff; /* Color de texto del botón */
  border: none;
}
.buscador-margen {
  color: #FFF;
  width: 70%;
  margin: 0 auto;
  background: #000000;
}
.menumovil {
  position: absolute; /* O 'absolute' si prefieres posicionarlo relativo a un contenedor */
  right: 10px; /* Ajusta según sea necesario */
  z-index: 9999; /* Un valor alto para asegurarte de que esté sobre todos los otros elementos */
}
.transparent-bg {
  background-color: rgba(255, 255, 255, 0.0);
}
.navbar-toggler {
  border: none; /* Sin borde en el botón */
  outline: none; /* Sin contorno al hacer clic */
  background-color: transparent; /* Fondo transparente */
}
.navbar-toggler:focus {
  outline: none; /* Sin contorno en el foco */
  box-shadow: none; /* Sin sombra */
}
.navbar-toggler-icon {
  display: flex; /* Usar flexbox para apilar las rayas */
  flex-direction: column; /* Disposición vertical */
  justify-content: center; /* Centrar rayas */
  width: 30px; /* Ancho total del icono */
  height: 30px; /* Altura total del icono */
}
.navbar-toggler-icon span {
  display: block; /* Cada raya es un bloque */
  width: 100%; /* Ancho completo */
  height: 4px; /* Altura de cada raya */
  background-color: rgb(255, 255, 255); /* Cambia este color al que desees */
  margin: 2px 0; /* Espaciado entre las rayas */
  transition: background-color 0.2s ease; /* Suave transición de color */
  opacity: 0.0;
}
@media (min-width: 992px) {
  .navbar-toggler {
    display: none; /* Ocultar el botón en pantallas grandes */
  }
}
.carrusel_cont {
  margin: 0 auto !important;
  padding: 0px;
}
.navbar .container input.check {
  width: 20px !important;
  height: 20px; /* También puedes ajustar la altura si es necesario */
}
.textcarrusel {
  max-height: 20px;
  font-family: poppins;
  font-size: 13px;
  color: #FFF;
  font-weight: normal;
  margin: 0 auto;
}
.hora_historia {
  font-family: poppins, sans-serif;
  color: #FFF;
  font-size: 11px;
  padding: 2px;
  position: absolute;
  top: 0; /* Ubica el div en la parte superior */
  left: 0; /* Ubica el div en la parte izquierda */
  width: 45px;
  height: 15px;
  z-index: 500;
  border-radius: 6px;
  background-color: #000000;
}
.animate_img {
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  animation: fadeInUp 0.6s ease forwards;
}
.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  animation: fadeInUp 0.6s ease forwards;
}
.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.textitcar {
  font-family: poppins;
  margin-top: 5px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 400;
}
.textitcar_sub {
  margin-top: 5px;
  color: #B1B1B1;
  font-weight: 400;
  font-size: 13px;
}
.iconreder {
  font-size: 25px;
  color: #C3B091;
}
.bi-facebook, .bi-twitter-x, .bi-instagram, .bi-youtube {
  display: inline-block;
  margin: 0 10px; /* agregar un margen entre los iconos */
}
.iconreder_youtube {
  font-size: 27px;
  color: white;
}
.swiper {
  width: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
}
.swiper-pagination-bullet {
  background-color: #CCCCCC; /* Color de fondo de los puntos de paginación */
}
.swiper-pagination-bullet-active {
  background-color: #FFF; /* Color de fondo del punto de paginación activo */
}
/*************************************MENU************************************/
.nav-container {
  max-width: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
}
.navbar .menu-items {
  display: flex;
}
.navbar .nav-container li {
  list-style: none;
}
.navbar .nav-container a {
  text-decoration: none;
  color: #FFF;
  font-weight: 400;
  font-size: 17px;
  padding: 10PX;
}
.navbar .nav-container a:hover {
  font-weight: bolder;
}
.nav-container {
  display: block;
  /*position: relative;*/
  height: 60px;
  z-index: 10000;
}
.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  top: 20px;
  right: 10px; /* Mueve el checkbox a la derecha */
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.nav-container .hamburger-lines {
  height: 25px;
  width: 35px;
  position: absolute;
  top: 17px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #FFF;
}
.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}
.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}
.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}
.navbar .menu-items {
  font-family: poppins;
  background: rgba(0, 0, 0, 1); /* added alpha channel */
  position: fixed;
  top: 0;
  right: 0;
  padding-top: 50px;
  height: 100vh;
  width: 100%;
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  padding-right: 20%;
  padding-left: 20%;
  transition: transform 0.5s ease-in-out;
  text-align: center;
}
.navbar .menu-items li {
  font-family: poppins;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 500;
}
.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0); /* Abre el menú desde la derecha */
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
  background: #fff; /* Asegúrate de que el color sea blanco aquí */
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
  background: #fff; /* Asegúrate de que el color sea blanco aquí */
}
.list-item {
  padding: 10px 0; /* Espaciado vertical para los ítems de la lista */
}
.border-bottom-custom {
  border-bottom: 1px solid #C3B091; /* Color y grosor de la línea */
}
.lineaHeader {
  height: 3px;
  width: 100%;
  background-color: #6B6000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
/*****************************BUSCADOR********************************/
.form-control:after {
  border-color: #9B8B03;
  outline: none;
}
.form-control-2 {
  border: 1px solid #BFBFBF !important;
}
.datos {
  font-size: 14px !important;
}
.btn-icon {
  background-color: #6B6000;
  border-color: #6B6000;
  color: white;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  border-radius: 0px;
}
.btn-icon:hover, .btn-icon:focus {
  background-color: #9B8B03;
  border-color: #9B8B03;
}
.btn-icon .fas {
  color: white;
}
.btn-outline-secondary {
  background-color: #6B6000;
  border-color: #6B6000;
  color: white;
}
.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  background-color: #FFF; /* solo el fondo negro es transparente */
  color: #000000; /* texto blanco */
  border: 2px solid #6B6000;
  font-size: 14px;
  font-family: poppins;
  font-weight: 0;
  position: relative;
  flex: 1 1 auto;
  width: 80%;
  min-width: 0;
  border-color: #6B6000 !important;
  border-radius: 0px;
  box-shadow: 4px 4px 10px rgba(107, 96, 0, 0.1);
}
.btn-icon .fas {
  color: white;
}
/*--------------------- HISTORIAS------------------------------*/
/*--------------------- INTERIOR MODAL------------------------------*/
.img_hist_int {
  max-width: 50px;
}
.container2 {
  max-width: 100%;
  height: 205px;
  margin: 0 auto;
  padding: 30px 0 30px 0; /* Combinado el padding */
  display: block;
  overflow-y: auto; /* Permitir desplazamiento vertical con mouse */
  overflow-x: hidden; /* Ocultar barra de desplazamiento horizontal */
  pointer-events: inherit; /* Permitir que el mouse siga funcionando para desplazarse horizontalmente */
  overscroll-behavior-x: contain;
  border: none;
  background-color: #000000;
}
.container2 {
  scrollbar-width: none !important; /* Ocultar barra de desplazamiento horizontal para Firefox */
  -ms-overflow-style: none !important; /* Ocultar barra de desplazamiento horizontal para IE10+ */
}
.barrasup {
  height: 35px;
  position: absolute;
  right: 0;
}
.fondonav {
  background-image: url("../img/fondoNav.jpg");
  margin: 0 auto;
}
.mensc {
  background-color: aqua;
  display: flex;
  justify-content: center;
}
.carrusel {
  max-width: 80%;
  height: 100%; /* Ajustado para asegurar el control de la altura */
  position: relative;
  margin: 0;
  padding: 0;
  color: #000;
}
.txtmenu_eva {
  font-family: 'poppins';
  color: #C3B091;
  text-decoration: none  !important;
  font-weight: 400 !important;
}
.nav-link.nav-link:focus {
  color: #D9C304 !important;
}
.nav-link.nav-link:hover {
  color: #D9C304 !important;
}
.customCol5 {
  flex: 0 0 100%;
  max-width: 20%;
}
.story-container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 4.93rem;
  grid-gap: 3rem;
}
.story-container .content {
  /*display: grid;*/
  grid-gap: 0.5rem;
  margin: 0;
  text-align: center;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease-in;
}
.story-container .content:hover {
  transform: scale(1.02);
}
.story-container .content .img-container {
  display: inline-block;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  box-shadow: none;
  background: #6B6000;
  background-clip: padding-box;
}
.story-container .content .img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50%);
}
.story-container .content:last-child::after {
  content: "";
  position: absolute;
  width: 2rem;
  right: -2rem;
}
.story-container .content .text-container {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.9rem;
}
.historias {
  background: #000000;
  padding-top: 5px;
  /*padding-bottom: 10px;*/
}
.tarjetas {
  padding: 3px;
  margin: 0 0 5px;
}
.precio {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #C3B091 !important;
  padding-top: 2px;
}
.card-title {
  font-family: 'Roboto Condensed', sans-serif;
  color: #6B6000;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 1px;
  margin-bottom: 0px;
}
.card-text {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-top: 3px;
}
.card-border {
  border-radius: 20px;
}
.backgroundWhite {
  background: white;
}
.carrusel-fondo {
  padding-top: 30px;
  padding-bottom: 1px;
  background-image: url(../img/novedades.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
}
.buscador {
  height: 200px;
  display: flex; /* Agregamos display: flex para habilitar la flexbox */
  align-items: center; /* Centramos verticalmente el contenido */
  justify-content: center; /* Centramos horizontalmente el contenido (opcional) */
}
.buscador p {
  color: #FFF;
  font-size: 12px;
}
.buscadorform {
  font-size: 15px;
  margin-bottom: 0px;
  max-width: 100%;
  padding: 0px;
}
.busca {
  font-size: 18px;
  color: #6B6000 !important;
  font-weight: bold;
  font-family: poppins;
}
.volvieron {
  font-size: 23px;
  color: #6B6000;
  font-weight: 700;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fondo-vip {
  background: #000000;
  max-width: 100% !important;
}
.promo_img {
	position: relative; 
  max-width: 70px;
  z-index: 9999;
}
.novedades {
  font-size: 20px;
  color: #C3B091;
  font-weight: 500;
  margin-bottom: -30px;
}
.cards-wrapper {
  display: flex;
  justify-content: center;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0;
}
.carousel-inner {
  padding: 1em;
}
.carousel-control-prev, .carousel-control-next {
  background-color: #6B6000;
  width: 4vh;
  height: 4vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.textfooter, .textfooter2 {
  font-family: poppins, sans-serif;
  font-weight: 200 !important;
  color: white;
  font-size: 14px;
  padding-top: 10px;
  line-height: 20px;
  z-index: 20;
  padding-right: 0px;
}
.fondofooter container textfooter {
  font-family: poppins;
  font-weight: 100 !important;
}
.circuloverde {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  z-index: 500;
  background-color: #00FF0D; /* color inicial */
  animation: cambio-color 2s infinite; /* nombre de la animación, duración y número de repeticiones */
}
.circulox {
  font-family: poppins;
  color: #FFF;
  font-size: 15px;
  padding: 2px;
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  z-index: 500;
  background-color: #928300; /* color inicial */
  top: 80px;
  left: 80px;
}
.certarjeta {
  width: 20px;
  height: auto;
  padding: 0px;
  margin: 0px;
}
.certifhome {
  display: block;
  z-index: 100; /* coloca la imagen sobre en la parte superior del orden de apilamiento */
  float: right;
  margin: 0px;
  padding: 0px;
}
.nov {
  background: #6B6000;
  font-size: 23px;
  color: #FFFFFF;
  font-weight: 500;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.promo {
  position: absolute;
	 width: 190px;
  right: 0;
}
.fondoBanner {
  background: #525252;
  padding-top: 15px;
  padding-bottom: 15px;
}
.offcanvas {
  background: #000000;
}
.fondofooter {
  padding: 10px;
  background-image: url("../img/footer.jpg");
  background-repeat: no-repeat; /* Evita que la imagen de fondo se repita */
  background-size: cover; /* Ajusta la imagen para cubrir todo el contenedor */
  background-position: center; /* Centra la imagen de fondo */
}
.imgfooter {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto; /* Mantiene la proporción de la imagen */
  z-index: 1; /* La imagen está detrás del texto */
}
.custom-accordion.accordion-button::after {
  color: #ffffff; /* Cambia la flecha a color blanco */
}
.iconos_precio {
  margin-left: 70px;
}
.texto_fotos {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 20px;
}
.texto_servicios {
  color: #FFFFFF;
  font-size: 16px;
  font-family: poppins;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 20px;
}
.text-valorizaciones {
  font-family: poppins;
  color: #FFF;
  font-size: 14px;
  font-weight: 400 !important;
  margin-top: 10px;
}
.text_cuadro {
  margin: 0 auto;
  font-family: poppins;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #c4b091;
}
.num_cal {
  color: #c4b091;
}
.box.num_cal:hover {
  border-color: initial; /* Mantiene el color original del borde */
  /* Si el borde cambia por otro efecto de hover, puedes anularlo aquí */
  /* También puedes remover otras propiedades si están afectando el estilo en hover */
}
.num_cal_final {
  border: 4px solid #A49400;
  color: #A49400 !important;
}
.custom-accordion-body {
  background-color: #000000; /* Cambia el color de fondo */
  border-left: 2px solid #6B6000;
  border-right: 2px solid #6B6000;
  border-bottom: 2px solid #6B6000;
  border-top: none;
  padding-bottom: 10px; /* Ajusta el padding si es necesario */
}
.tit_valorizaciones {
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 0px;
  font-size: 19px;
  color: #c4b091;
  display: flex;
}
.texto-left {
  font-family: poppins;
  font-size: 16px;
  font-weight: 300 !important;
  color: #FFF;
}
.historias_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.historias_home {
  font-size: 20px;
  color: #C3B091;
  font-weight: 500;
  padding: 0;
  margin: 0 15px; /* Ajusta el espacio entre las rayas y el texto */
  position: relative;
}
.historias_wrapper::before, .historias_wrapper::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #C3B091;
}
.historias_wrapper::before {
  margin-right: 15px; /* Ajusta el espacio entre la línea izquierda y el texto */
}
.historias_wrapper::after {
  margin-left: 15px; /* Ajusta el espacio entre la línea derecha y el texto */
}
.contenedor-imagen {
  width: 100%; /* Ancho del contenedor igual al ancho del padre */
  height: 200px; /* Ajusta esta altura según sea necesario */
  overflow: hidden; /* Oculta el desbordamiento de la imagen */
  position: relative; /* Posiciona la imagen en relación con el contenedor */
}
.contenedor-imagen img {
  width: 100%; /* Asegura que la imagen ocupe el 100% del contenedor */
  height: 100%; /* Asegura que la imagen ocupe el 100% de la altura del contenedor */
  object-fit: cover; /* Hace que la imagen cubra el contenedor sin distorsionarse */
  object-position: top; /* Alinea la imagen en la parte superior del contenedor */
  position: absolute; /* Mantiene la imagen dentro del contenedor */
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: 1s all;
  opacity: 0;
}
.loading.show {
  opacity: 1;
}
.loading.show {
  opacity: 1;
}
.loading.logo_loading {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 29999;
}
.loading .spin {
  position: relative;
  top: -4px;
  left: -202px;
  z-index: 19999;
  border: 15px solid rgb(153, 50, 255, 0.5);
  border-top-color: rgb(144, 2, 185, 0.6);
  border-radius: 50%;
  width: 14em;
  height: 14em;
  animation: spin 1s linear infinite;
}
/* Estilo para el video de fondo */
.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
}
/* Asegurarse de que el video permanezca visible en pantallas pequeñas */
.buscador {
  position: relative;
  overflow: hidden;
}
#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.buscador .contenido {
  position: relative;
  z-index: 1;
  padding: 10px;
}
.buscador::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  z-index: 0;
}
.custom-placeholder::placeholder {
  font-size: 14px;
  font-weight: 0;
  color: #FFF; /* Color del placeholder por defecto */
}
.custom-placeholder:focus {
  font-size: 14px;
  font-weight: 0;
  color: #FFF; /* Color del placeholder cuando el input está enfocado */
}
.menu_pagina {
  font-family: poppins;
  font-size: 13px;
  font-weight: 0;
  color: #C3B091;
  margin-top: 10px;
}
.fotos {
  margin-top: 20px;
}
.fuente_valores {
  color: #FFF;
  font-family: poppins;
  font-weight: 300;
}
.nombre_historia {
  font-family: poppins;
  color: #FFF;
  font-size: 16px;
  font-weight: 200;
  margin: 0
}
.foto_historia_chica {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.fondo_modal {
  background-color: black;
  display: flex !important;
  justify-content: flex-start; /* Cambiado a flex-start para alinear a la izquierda */
  align-content: stretch;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.texto_datos {
  color: #C3B091;
}
.circuloverde_interior {
  position: absolute;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  z-index: 500;
  background-color: #00FF0D; /* color inicial */
  animation: cambio-color 2s infinite; /* nombre de la animación, duración y número de repeticiones */
  margin-top: 10px;
  margin-left: 20px;
}
.bot-ingresar {
  cont-family: poppins !important;
  font-weight: 300;
  background: #6B6000 !important;
}
.bot-borrar {
  cont-family: poppins !important;
  font-weight: 300;
  background: #FF0004 !important;
}
.text_busca_blanco {
  color: #FFF;
}
.buscar_descripcion_abajo {
  font-size: 12px !important;
  font-weight: 100;
  color: #C3B091 !important;
}
.placeholder-blanco_interior {
  font-size: 14px;
  color: #FFF !important;
  z-index: 2000;
}
/* Asegura que el contenedor ocupe todo el espacio disponible */
.video-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Altura completa de la pantalla */
  overflow: hidden; /* Oculta cualquier desbordamiento del video */
}
/* Ajustes para el video de fondo */
/* Asegura que el contenedor ocupe todo el espacio disponible */
.video-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Altura completa de la pantalla */
  overflow: hidden; /* Oculta cualquier desbordamiento del video */
}
/* Ajustes para el video de fondo */
.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Hace que el video cubra todo el área sin deformarse */
  z-index: -1; /* Mantiene el video detrás del contenido */
}
.custom-text-header {
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
}
.custom-text-description {
  font-size: 13px;
  color: #C3B091;
}
.barra_divisora {
  margin: 0 auto; /* Centra el div horizontalmente */
  margin-bottom: 20px; /* Espacio debajo del div */
  width: 100%; /* Asegura que el div ocupe todo el ancho disponible */
  background: #C3B091; /* Color de fondo */
  height: 5px; /* Altura de la línea */
  box-sizing: border-box; /* Incluye el padding y el borde en el ancho y alto del elemento */
}
/* Elimina la línea de puntos rojos cuando el input no pasa la validación */
input.form-control.custom-placeholder:invalid {
  outline: none; /* Elimina el contorno de puntos */
  box-shadow: none; /* Elimina el sombreado si lo tiene */
  border-color: #6B6000; /* Opcional: Cambia el color del borde */
}
/* Si deseas aplicar estilos específicos al input, puedes hacerlo aquí */
input.form-control.custom-placeholder {
  border-color: #6B6000; /* Color del borde normal */
  outline: none; /* Evita el outline en general */
}
/* Si deseas personalizar el estilo cuando el campo es inválido */
input.form-control.custom-placeholder:invalid {
  border-color: #FF0000; /* Cambia a rojo solo si es inválido */
}
.cont_tarjeta {
  background: #000000;
}
.categoria-direccion {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #FFF !important;
  padding-top: 2px;
}
.premium-label_gold {
  font-family: roboto condensed;
  position: absolute;
  bottom: 0px;
  right: 0px; /* Cambiado a la izquierda */
  background-color: #4B4B4B;
  color: #FFF;
  padding: 5px 10px;
  font-size: 12px;
}
.image-container {
  position: relative; /* Asegura que los elementos dentro del contenedor se posicionen de forma relativa */
  display: inline-block; /* Permite que el contenido se ajuste al tamaño de la imagen */
}
.vip-label-custom {
  position: absolute;
  bottom: 10px; /* Ajusta la distancia desde el borde inferior */
  right: 10px; /* Ajusta la distancia desde el borde derecho */
  background-color: #6B6000; /* Fondo negro con algo de transparencia */
  color: #FFF; /* Color del texto */
  padding: 5px 10px; /* Añade espacio alrededor del texto */
  font-size: 20px; /* Ajusta el tamaño del texto */
  font-weight: 200;
  border-radius: 5px; /* Bordes redondeados */
}
.premium-label_premium {
  font-family: roboto condensed;
  position: absolute;
  bottom: 0px;
  right: 0px; /* Cambiado a la izquierda */
  background-color: rgb(38, 38, 38);
  color: #FFF;
  padding: 5px 10px;
  font-size: 12px;
}
.premium-label {
  font-family: roboto condensed;
  position: absolute;
  bottom: 0px;
  right: 0px; /* Cambiado a la izquierda */
  background-color: #000000;
  color: #FFF;
  padding: 5px 10px;
  font-size: 16px;
}
.card-img-top {
  width: 100%;
  height: auto;
}
.servicios_home {
  font-size: 20px;
  color: #C3B091;
  font-weight: 500;
  padding: 0;
  margin: 0 15px; /* Ajusta el espacio entre el texto y el borde */
  position: relative;
  text-align: left; /* Justifica el texto a la izquierda */
  border-left: none; /* Asegura que no haya línea a la izquierda */
}
/*.servicios_home::after {
  content: '';
  position: absolute;
  left: 100%; 
  top: 50%; 
  width: 100%; 
  border-bottom: 1px solid #C3B091; 
  transform: translateY(-50%); 
}*/
.estrellas_descrip {
  text-align: left;
}
vip-label {
  position: absolute;
  bottom: 10px; /* Ubica el texto 10px desde la parte inferior */
  right: 10px; /* Ubica el texto 10px desde la parte derecha */
  background-color: black; /* Fondo negro para hacer que el texto sea legible */
  color: white; /* Color blanco para contrastar con el fondo */
  padding: 5px 10px; /* Espacio alrededor del texto */
  font-weight: bold; /* Hace el texto en negrita */
  border-radius: 5px; /* Bordes redondeados */
  font-size: 16px; /* Tamaño del texto */
  z-index: 10; /* Asegura que el texto esté sobre la imagen */
}
.borde_tarjeta {
  border: 0.15rem solid #6B6000;
}
.cont_tarjeta_premium {
  background: rgb(38, 38, 38);
}
.cont_tarjeta_gold {
  background: #282828;
}
.barra_divisora_datos {
  margin-top: opx;
  margin-bottom: 20px;
  max-width: 100% !important;
  background: #C3B091;
  height: 2px;
}
.seleccion_eva {
  font-size: 25px;
  color: #C3B091;
  font-weight: 500;
  padding: 0;
  margin: 0 15px; /* Ajusta el espacio entre las rayas y el texto */
  position: relative;
}
.texto_bajo_datos {
  font-family: poppins;
  padding-top: 10px;
  font-size: 13px;
  color: #FFF !important;
  font-weight: 100;
  margin: 0 auto;
  line-height: 1.5;
}
.lista-horizontal2 {
  font-weight: 100;
  color: #C3B091;
  font-size: 14px;
  list-style: none; /* Elimina los puntos de la lista */
  margin: 0; /* Elimina el margen */
  padding: 15px; /* Elimina el padding */
  text-align: left; /* Alinea la lista a la izquierda */
}
.lista-horizontal2 span {
  display: inline-block; /* Establece el display en inline-block */
  margin-right: 20px; /* Agrega un margen derecho para separar los elementos */
  position: relative; /* Establece la posición relativa */
}
.lista-horizontal2 span:not(:last-child)::after {
  content: ""; /* Agrega un pseudo-elemento */
  position: absolute; /* Establece la posición absoluta */
  top: 50%; /* Centra la línea verticalmente */
  right: -10px; /* Centra la línea horizontalmente */
  transform: translateY(-50%); /* Centra la línea verticalmente */
  border-left: 1px solid #ccc; /* Agrega la línea de separación */
  height: 100%; /* Establece la altura del pseudo-elemento */
}
.color_ubicacion {
  color: #FFF;
  font-weight: 200;
}
.contenedor-certificado {
  position: relative; /* Establece la posición relativa */
}
.contenedor-certificado img {
  position: absolute; /* Establece la posición absoluta */
  top: 0; /* Posiciona la imagen en la parte superior */
  right: 0; /* Posiciona la imagen en la parte derecha */
  width: 7%; /* Redimensiona la imagen a un 20% de su tamaño original */
  height: auto; /* Mantiene la relación de aspecto de la imagen */
}
.fondo_datos {
  background: #181818;
  margin: 0 auto;
}
.subir_foto {
  background: #276F00;
  color: #FFF;
  font-family: poppins;
}
.texto_form {
  font-family: poppins;
  font-weight: 100;
  color: #000000;
  margin: 0 auto !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; /* Add this to center the text vertically */
}
.bot_ingresar {
  margin-right: 20px;
}
.datos_form {
  max-width: 100%;
  margin: 0 auto;
}
.fotos_publicadas {
  background: #454545;
  color: #FFF;
}
.fotos_aprobadas {
  background: #3D3D3D;
}
/***********************************FONDO FILAS ACORDEON***********************************************************/
.row-bg-1 {
  background-color: #f7f7f7; /* Color de fondo para la primera fila */
}
.row-bg-2 {
  background-color: #e7e7e7; /* Color de fondo para la segunda fila */
}
/* Puedes agregar más clases para cada fila con un color de fondo diferente */
/****************************FLECHA ACORDEO************************************************************/
.accordion-button {
  align-items: center; /* Centra verticalmente el contenido dentro del botón */
  justify-content: space-between; /* Espacia el texto y la caret entre los extremos del botón */
  width: 100%; /* Asegura que el botón ocupe todo el ancho del contenedor */
  text-align: center; /* Centra el texto horizontalmente */
  padding: 10px; /* Ajusta el relleno según sea necesario */
  position: relative; /* Posiciona la caret absolutamente dentro del botón */
}
.accordion-button::after {
  content: ""; /* Elimina cualquier contenido predeterminado */
  display: block;
  width: 0; /* Evita el contenido adicional que podría afectar el alineamiento */
  height: 0;
}
.caret {
  border-top: 10px solid #FFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  display: inline-block; /* Asegura que la caret se muestre correctamente */
  margin-left: 10px; /* Espacio entre el texto y la caret */
  transition: transform 0.3s ease;
}
.accordion-button.collapsed .caret {
  transform: rotate(-180deg); /* Rota para apuntar hacia arriba cuando está colapsado */
}
.accordion-button .caret {
  position: absolute; /* Posiciona la caret absolutamente dentro del botón */
  right: 10px; /* Ajusta la distancia del borde derecho */
}
/**************************seleccina las fotos************************************/
.image-container {
  position: relative;
  cursor: pointer; /* cambia el cursor a una mano para indicar que se puede hacer clic */
}
.image-container img {
  border: none; /* elimina el borde por defecto */
}
.selected {
  border: 5px solid green; /* borde verde para la imagen seleccionada */
}

.publicadas {
  background: #20A600;
}
.pending-label {
  color: #FFFFFF; /* texto blanco */
  font-family: Montserrat; /* fuente Montserrat */
  padding: 2px 5px; /* agrega un poco de padding para que se vea bien */
}
.image-container .overlay span.pending-label {
  z-index: 1;
}
.image-container .overlay span.pending-label + img {
  opacity: 0.5;
}
/********************************************************************************/
.form-column label, .form-column input {
  font-family: 'Montserrat', sans-serif;
}
.form-column {
  float: left;
  width: 50%;
  padding: 5px;
}
.form-column label {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
  text-align: right;
  margin-top: 5px; /* Reducimos el margen superior a 5px */
  margin-bottom: 5px; /* Reducimos el margen inferior a 5px */
}
.form-column input {
  width: 50%;
  margin-top: 5px; /* Reducimos el margen superior a 5px */
  margin-bottom: 5px; /* Reducimos el margen inferior a 5px */
}
.form-column input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}
/********************************************************/
.profile-photo-upload {
  font-size: 16px;
  max-width: 100%x;
  background: #000000;
  /*margin: 40px auto;*/
  text-align: center;
  font-family: 'poppins', sans-serif;
}
.upload-text {
  font-size: 16px;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}
.upload-btn {
  font-size: 24px;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 20px;
  font-family: 'popins', sans-serif;
}
.upload-btn i {
  margin-right: 10px;
  font-size: 20px; /* Ajustamos el tamaño del icono */
  vertical-align: middle; /* Ajustamos la posición vertical del icono */
}
.upload-info {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}
.action-btns {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.submit-btn {
  margin-right: 10px;
  font-family: 'Montserrat', sans-serif;
}
.delete-btn {
  margin-left: 10px;
  font-family: 'Montserrat', sans-serif;
}
/***************************************************************/
.container.custom {
  max-width: 1400px;
  margin: 40px auto;
  text-align: center;
}
.columns.custom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.column.custom {
  flex-basis: 25%;
  margin: 20px;
  text-align: left;
}
.column.custom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.column.custom li {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}
.column.custom input[type="checkbox"] {
  margin-right: 10px;
}
.column.custom label {
  font-family: 'Montserrat', sans-serif;
}
.buttons.custom {
  margin-top: 20px;
  text-align: center;
}
.buttons.custom button {
  margin: 0 10px;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}
.buttons.custom button.ingresar.custom {
  background-color: #6B6000;
  color: #fff;
}
.buttons.custom button.borrar.custom {
  background-color: #FF0000;
  color: #fff;
}
/****************************************************************************/
.descripcion-container {
  padding-bottom: 10px; /* Agregamos un padding para separar la línea de la siguiente sección */
  margin-bottom: 20px; /* Agregamos un margen para separar los divs */
  text-align: center;
  margin: 20px;
}
.descripcion-texto {
  color: #FFF;
  font-family: poppins;
  font-weight: 100;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.descripcion-textarea {
  font-family: poppins;
  width: 90%;
  height: 150px;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #6B6000; /* Borde de color #6B6000 */
  margin-bottom: 20px;
  resize: vertical;
  background-color: #F3F3F3; /* Fondo de color #F3F3F3 */
}
.descripcion-botones {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.descripcion-botones button {
  margin: 0 10px;
  padding: 10px 10px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif; /* Tipografía Montserrat */
}
.descripcion-botones button:first-child {
  font-family: poppins;
  font-weight: 300;
  background-color: #6B6000; /* Botón "Ingresar" con color #6B6000 */
  color: #fff;
}
.descripcion-botones button:last-child {
  font-family: poppins;
  font-weight: 200;
  color: #fff;
}
.form-control {
  border: 2px solid #6B6000;
}
.form-group small {
  text-align: center;
}
#upload-btn {
  font-family: poppins;
  display: inline-block;
  padding: 20px 20px;
  background-color: #4CAF50;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.centered-buttons {
  text-align: center;
}
.cont_cometarios_rojos {
  color: #FF0004;
  font-size: 15px;
  height: 20px;
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
.era_persona {
  max-height: 100px;
  padding: 20px 10px 30px 10px;
  border-radius: 5px;
  margin-bottom: 20px;
  resize: vertical;
  background-color: #FFF;
  margin: 0 auto;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  text-align: center; /* Centramos el texto horizontalmente */
  font-size: 14px;
}
.era_persona label {
  display: inline-block; /* Convertimos el label en un bloque inline */
  vertical-align: middle; /* Centramos el label verticalmente */
}
.era_persona input[type="checkbox"] {
  vertical-align: middle; /* Centramos el checkbox verticalmente */
  margin-right: 10px;
}
.era_persona input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 10px;
  transform: scale(2); /* Aumentamos el tamaño del checkbox */
}
.caja_calif {
  height: 100px;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 60px;
  resize: vertical;
  background: #F2F2F2;
  font-size: 14px;
}
.linea_abajo {
  border-bottom: 1px solid #ccc;
}
.calif_modal {
  padding: 10px;
  margin-top: 10px;
  background: #E8E8E8;
  text-align: center; /* Centrar texto horizontalmente */
  justify-content: center; /* Centrar contenido horizontalmente */
  align-items: center; /* Centrar contenido verticalmente */
}
.rating-badge {
  float: right;
  margin-left: 30px;
  color: #FFF;
  background-color: #000000;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 16px;
}
.checkbox-list-item {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.checkbox-list-item label {
  max-width: 100%;
  margin-left: 10px;
}
input[type="checkbox"] {
  background: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transform: scale(1.3); /* Escalar el checkbox */
  margin-right: 10px;
  border: 2px solid #C3B091;
  color: #C3B091 !important;
}
/* Cambiar el color de fondo del checkbox cuando está seleccionado */
input[type="checkbox"]:checked {
  background-color: #6B6000; /* Color de fondo al seleccionarlo */
  border-color: #6B6000; /* Bordes del mismo color */
}
/* Estilo para la lista de ítems */
.checkbox-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.checkbox-list-item label {
  font-family: poppins;
  margin-left: 5px;
  font-size: 15px;
  font-weight: 100; /* Tamaño de la letra */
}
.input-group-text {
  background: none;
  border: none;
  paddinf: 10px;
}
#upload-btn {
  background-color: #4CAF50;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
#upload-btn:hover {
  background-color: #3e8e41;
}
.text-center {
  position: relative;
}
#file-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
#upload-btn {
  background-color: #4CAF50;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
#upload-btn:hover {
  background-color: #3e8e41;
}
.bot_bajar {
  font-family: poppins;
  font-weight: 100;
  margin-top: 5px;
  background: #FF6E00;
  color: #FFF;
  border: none;
  padding: 5px;
  margin-: 0 5px 0 5px;
  display: inline-block;
}
.interior_descripcion {
  font-family: poppins;
  font-weight: 100;
  background: #181818;
  color: #FFF;
}
.mis_fotos_text {
  color: #FFF;
}
.fotos_pendientes {
  background: #6c6c6c;
  color: #FFF;
}
.bot_cargar_fotos {
  font-size: 20px;
  font-weight: 300;
  font-family: poppins;
  background: #00511D;
}
.interior_servicios {
  font-family: poppins;
  font-weight: 100;
  background: #181818;
  color: #FFF;
}
.camara {
  -webkit-text-stroke: 0.1rem #6b6000;
  position: absolute;
  bottom: 3px;
  left: 3px;
  font-size: 18px;
  color: white;
  border: none;
  padding: 5px;
}
.foto_nuevas {
  position: relative;
  text-align: center;
}
.camara_gold {
  -webkit-text-stroke: 0.1rem #6b6000;
  position: absolute;
  bottom: 3px;
  left: 2px;
  font-size: 20px;
  color: white;
  border: none;
  padding: 3px;
}
.derechos_menu {
  font-size: 12px;
  font-family: poppins;
  font-weight: 100;
  color: #FFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  margin-bottom: 10px;
}
.datos_ingresados {
  border: 3px solid #C3B091;
  padding: 20px;
}
.bot_eliminar {
  font-family: poppins;
  font-weight: 100;
  margin-top: 5px;
  background: #000000;
  color: #FFF;
  border: none;
  padding: 5px;
  margin-right: 10px; /* add some space between the buttons */
}
.cargar_fotos {
  font-family: poppins;
  font-size: 22px;
  font-weight: 200;
}
.texto_calificar {
  font-family: poppins;
  font-size: 16px;
  color: #FFF !important;
  font-weight: 100;
  margin: 0 auto;
  line-height: 1.5;
}
.texto_calificar input[type="checkbox"] {
  vertical-align: middle;
}
.text_nombre_calificar {
  font-family: poppins;
  font-size: 19px;
  color: #FFF !important;
  font-weight: 100;
  margin: 0 auto;
  line-height: 1.5;
}
.calificaciones {
  margin: 0 auto;
}
.hola_nombre {
  font-family: poppins;
  font-size: 17px;
  font-weight: 600;
}
#bot_ancho {
  max-width: 30px;
}
.bot_si_ancho {
  width: 60px !important;
  cont-family: poppins !important;
  font-weight: 300;
  background: #6B6000 !important;
}
.bot-no_ancho {
  width: 60px;
  cont-family: poppins !important;
  font-weight: 300;
  background: #FF0004 !important;
}
.calificar {}
.cajas_calificar {
  background: #000000;
  border: 3px solid #6B6000;
  padding: 20px;
  margin-bottom: 20px;
}
.texto_mal_intencionados {
  font-family: poppins;
  font-weight: 100;
  padding-top: 2px;
  font-size: 15px;
  color: #FFF;
  max-width: 90%;
  height: 20px;
  background: #B70000;
  margin: 0 auto;
  text-align: center !important; /* add !important to override other styles */
  display: flex;
  justify-content: center;
}
.descripcion-textarea_calif {
  width: 90%;
  height: 150px;
  padding: 10px;
  font-size: 16px;
  resize: vertical;
  background-color: #F3F3F3; /* Fondo de color #F3F3F3 */
}
.descripcion-texto_calif {
  color: #FFF;
  font-family: poppins;
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.titulo_modal_calif {
  background: #6B6000;
  font-size: 19px;
  color: #FFF;
}
.boton_cerrar_modal {
  color: #FFF !important;
}
.btn-close.btn-close {
  color: #FFF !important;
}
.tit_modal_calf {
  margin: 0 auto;
}
#chk_era_persona {
  width: 15px !important;
  height: auto;
}
.hola_texto {
  font-family: poppins;
  font-size: 15px;
  padding-top: 10px;
}
/*----------------------------------------------------------------*/
.fotos_publicadas {
  background: #C1EDC9
}
.fotos_aprobadas {
  background: #C9C9C9;
}
/***********************************FONDO FILAS ACORDEON***********************************************************/
.row-bg-1 {
  background-color: #f7f7f7; /* Color de fondo para la primera fila */
}
.row-bg-2 {
  background-color: #e7e7e7; /* Color de fondo para la segunda fila */
}
/* Puedes agregar más clases para cada fila con un color de fondo diferente */
/****************************FLECHA ACORDEO************************************************************/
.accordion-button {
  align-items: center; /* Centra verticalmente el contenido dentro del botón */
  justify-content: space-between; /* Espacia el texto y la caret entre los extremos del botón */
  width: 100%; /* Asegura que el botón ocupe todo el ancho del contenedor */
  text-align: center; /* Centra el texto horizontalmente */
  padding: 10px; /* Ajusta el relleno según sea necesario */
  position: relative; /* Posiciona la caret absolutamente dentro del botón */
}
.accordion-button::after {
  content: ""; /* Elimina cualquier contenido predeterminado */
  display: block;
  width: 0; /* Evita el contenido adicional que podría afectar el alineamiento */
  height: 0;
}
.caret {
  border-top: 10px solid #FFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  display: inline-block; /* Asegura que la caret se muestre correctamente */
  margin-left: 10px; /* Espacio entre el texto y la caret */
  transition: transform 0.3s ease;
}
.accordion-button.collapsed .caret {
  transform: rotate(-180deg); /* Rota para apuntar hacia arriba cuando está colapsado */
}
.accordion-button .caret {
  position: absolute; /* Posiciona la caret absolutamente dentro del botón */
  right: 10px; /* Ajusta la distancia del borde derecho */
}
/**************************seleccina las fotos************************************/
.image-container {
  position: relative;
  cursor: pointer; /* cambia el cursor a una mano para indicar que se puede hacer clic */
}
.image-container img {
  border: none; /* elimina el borde por defecto */
}
.selected {
  border: 5px solid green; /* borde verde para la imagen seleccionada */
}
.overlay {
  position: absolute;
  bottom: 0; /* posiciona el overlay en la parte inferior de la imagen */
  left: 0;
  width: 100%; /* hace que el overlay tenga el ancho de la imagen */
  background-color:rgba(0, 0, 0, 0.6);
  padding: 5px; /* agrega un poco de padding para que se vea bien */
  text-align: center; /* centra el texto horizontalmente */
  font-size: 14px; /* ajusta el tamaño del texto */
  font-weight: bold; /* hace que el texto sea más grueso */
  color: #666; /* ajusta el color del texto */
}

.pending-label {
  color: #FFFFFF; /* texto blanco */
  font-family: Montserrat; /* fuente Montserrat */
  padding: 2px 5px; /* agrega un poco de padding para que se vea bien */
}
.image-container .overlay span.pending-label {
  z-index: 1;
}
.image-container .overlay span.pending-label + img {
  opacity: 0.5;
}
/********************************************************************************/
.form-column label, .form-column input {
  font-family: 'Montserrat', sans-serif;
}
.form-column {
  float: left;
  width: 50%;
  padding: 5px;
}
.form-column label {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
  text-align: right;
  margin-top: 5px; /* Reducimos el margen superior a 5px */
  margin-bottom: 5px; /* Reducimos el margen inferior a 5px */
}
.form-column input {
  width: 50%;
  margin-top: 5px; /* Reducimos el margen superior a 5px */
  margin-bottom: 5px; /* Reducimos el margen inferior a 5px */
}
.form-column input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}
/********************************************************/
.profile-photo-upload {
  max-width: 100%x;
  margin: 40px auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.upload-text {
  font-size: 16px;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}
.upload-btn {
  font-size: 24px;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}
.upload-btn i {
  margin-right: 10px;
  font-size: 20px; /* Ajustamos el tamaño del icono */
  vertical-align: middle; /* Ajustamos la posición vertical del icono */
}
.upload-info {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}
.action-btns {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.submit-btn {
  margin-right: 10px;
  font-family: 'Montserrat', sans-serif;
}
.delete-btn {
  margin-left: 10px;
  font-family: 'Montserrat', sans-serif;
}
/***************************************************************/
.container.custom {
  max-width: 1400px;
  margin: 40px auto;
  text-align: center;
}
.columns.custom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.column.custom {
  flex-basis: 25%;
  margin: 20px;
  text-align: left;
}
.column.custom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.column.custom li {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
}
.column.custom input[type="checkbox"] {
  margin-right: 10px;
}
.column.custom label {
  font-family: 'Montserrat', sans-serif;
}
.buttons.custom {
  margin-top: 20px;
  text-align: center;
}
.buttons.custom button {
  margin: 0 10px;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}
.buttons.custom button.ingresar.custom {
  background-color: #6B6000;
  color: #fff;
}
.buttons.custom button.borrar.custom {
  background-color: #FF0000;
  color: #fff;
}
/****************************************************************************/
.descripcion-container {
  padding-bottom: 10px; /* Agregamos un padding para separar la línea de la siguiente sección */
  margin-bottom: 20px; /* Agregamos un margen para separar los divs */
  text-align: center;
  margin: 20px;
}
.descripcion-texto {
  font-size: 16px;
  margin-bottom: 10px;
}
.descripcion-textarea {
  width: 90%;
  height: 150px;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #6B6000; /* Borde de color #6B6000 */
  border-radius: 5px;
  margin-bottom: 20px;
  resize: vertical;
  background-color: #F3F3F3; /* Fondo de color #F3F3F3 */
}
.descripcion-botones {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.descripcion-botones button {
  margin: 0 10px;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif; /* Tipografía Montserrat */
}
.descripcion-botones button:first-child {
  background-color: #6B6000; /* Botón "Ingresar" con color #6B6000 */
  color: #fff;
}
.descripcion-botones button:last-child {
  background-color: #FF0000; /* Botón "Borrar" con color rojo */
  color: #fff;
}
.form-control {
  border: 2px solid #6B6000;
}
.form-group small {
  text-align: center;
}
#upload-btn {
  font-family: Montserrat;
  display: inline-block;
  padding: 20px 20px;
  background-color: #4CAF50;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.centered-buttons {
  text-align: center;
}
.cont_cometarios_rojos {
  color: #FF0004;
  font-size: 15px;
  height: 20px;
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
.era_persona label {
  display: inline-block; /* Convertimos el label en un bloque inline */
  vertical-align: middle; /* Centramos el label verticalmente */
}
.era_persona input[type="checkbox"] {
  vertical-align: middle; /* Centramos el checkbox verticalmente */
  margin-right: 10px;
}
.era_persona input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 10px;
  transform: scale(2); /* Aumentamos el tamaño del checkbox */
}
.caja_calif {
  height: 100px;
  padding: 20px;
  font-size: 16px;
  border-radius: 5px;
  margin-bottom: 90px;
  resize: vertical;
  background: #CDCDCD;
}
.linea_abajo {
  border-bottom: 1px solid #ccc;
}
.calif_modal {
  padding: 10px;
  margin-top: 10px;
  background: #4A4A4A;
  text-align: center; /* Centrar texto horizontalmente */
  justify-content: center; /* Centrar contenido horizontalmente */
  align-items: center; /* Centrar contenido verticalmente */
}
.rating-badge {
  float: right;
  margin-left: 30px;
  color: #FFF;
  background-color: #000000;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 16px;
}
.descripcion-texto_negro {
  color: #000000;
  font-family: poppins;
  font-weight: 100;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.tit-texto_negro {
  color: #6B6000;
  font-family: poppins;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.rating {
  margin-top: 10px 0 10px 0;
}
.promedio {
  color: #FFF;
}
.img_novedades {
  width: 241.6px;
  margin-right: 10px;
}
.container2.sidebar {
  max-height: 200px; /* ajusta el valor según sea necesario */
  overflow: hidden;
}
.logo_menu {
  margin-bottom: 30px !important;
}
.txt_footer {
  font-size: 13px;
  font-family: poppins;
  font-weight: 400 !important;
  color: #FFF;
  line-height: 1.5;
  padding: 30px 0 30px 0;
}
.txt_footer2 {
  font-size: 13px;
  font-family: poppins;
  font-weight: 400;
  color: #C3B091;
  line-height: 1.5;
  padding-bottom: 30px;
}
.fondo-volvieron {
  background: #000000;
  padding: 20px 0 20px 0;
}
.tit-eva {
  color: #C3B091;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 1px;
  margin-bottom: 0px;
}
/*************************************************** MQUERY ************************************************************/
/* Móviles pequeños */
@media (min-width: 320px) and (max-width: 480px) {
  .promo_img {
    max-width: 55px
  }
  .buscador {
    max-height: 150px;
  }
  .contenido {
    padding: 5px;
  }
  .circuloverde {
    width: 10px;
    height: 10px;
  }
  .lineaHeader {
    height: 2px;
  }
  .fondonav {
    background-image: url("../img/FondoNavMovil.jpg");
  }
  .novedades {
    font-size: 16px;
  }
  .volvieron {
    font-size: 23px;
  }
  .carrusel-fondo {
    padding-top: 10px;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../img/novedades.jpg);
    background-color: #000000;
    background-size: cover; /* Ajusta la imagen para que cubra todo el área */
    background-position: center !important;
  }
  .busca {
    font-size: 18px;
  }
  .textitcar {
    font-size: 14px;
  }
  .swiper-pagination {
    padding-bottom: 5px;
  }
  .textitcar_sub {
    font-size: 13px;
  }
  .card-body {
    max-height: 90px;
    padding: 4px 1px 4px 6px;
  }
  .card-title {
    font-size: 11px;
    padding: 0px;
    margin-bottom: 0px;
  }
  .badge-custom {
    margin: 1px solid !important;
    padding: 5px 5px;
    font-size: 13px;
  }
  .badge-custom_serv {
    margin: 1px solid !important;
    padding: 5px 5px;
    font-size: 13px;
  }
  .box {
    width: 60px; /* Ajusta el ancho en pantallas pequeñas para evitar estiramiento */
    height: 60px; /* Mantén el alto y el ancho iguales */
    aspect-ratio: 1 / 1; /* Asegura que el ancho y alto siempre mantengan proporción */
    border-radius: 50%; /* Asegura que las cajas sean circulares en pantallas pequeñas */
    padding: 5px; /* Ajusta el padding si es necesario */
  }
  .box p {
    font-size: 13px !important;
    font-weight: normal;
  }
  .descrip {
    font-size: 13px;
    margen-bottom: 20px;
    line-height: 1.5;
  }
  .texto_servicios {
    font-size: 13px;
    margen-bottom: 20px;
    line-height: 1.5;
  }
  .card-text {
    font-size: 11px;
  }
  .customCol5 {
    flex: 0 0 100%;
    max-width: 33%;
  }
  .container {
    max-width: 100%;
  }
  .busca {
    font-size: 13px;
  }
  .slick-slider {
    width: 30%;
  }
  .buscadorform {
    margin-bottom: 0px;
    max-width: 100%;
    height: 5px !important;
    padding: 0px;
  }
  .textfooter, .textfooter2 {
    font-weight: 300 !important;
    font-size: 12px;
  }
  .certarjeta {
    width: 14px;
    margin-right: 2px;
  }
  .listing-pub {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 400px;
    min-height: 400px;
    max-width: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    overflow-y: hidden;
    padding-top: var(--listing-cover-ratio);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
  }
  .iconos_precio {
    margin-left: 0px !important;
  }
  .detalle_chic {
    height: 850px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url(../img/novedades.jpg);
  }
  .lista-horizontal {
    margin-left: 5px !important;
  }
  .iconos_valores {
    width: 40px !important;
  }
  .iconos_valores_promo {
    width: 35px !important;
  }
  .descrip {
    font-size: 13px;
  }
  .texto_servicios {
    font-size: 14px;
    font-family: poppins;
    font-weight: 300;
    line-height: 1.2;
  }
  .texto_fotos {
    font-size: 14px !important;
    font-family: poppins;
    font-weight: 300;
    line-height: 1.2;
  }
  .barra_datos {
    font-size: 15px;
  }
  .fotocirculo {
    max-width: 70% !important;
    height: auto;
    object-fit: cover;
  }
  .nomb_descrip_datos {
    font-weight: 500;
    font-size: 17px;
    margin-top: 20px;
    height: 30px;
    padding: 2px;
    text-align: center; /* center horizontally */
    display: flex; /* enable flexbox */
    justify-content: center; /* center horizontally */
    align-items: center; /* center vertically */
  }
  input.placeholder-blanco::placeholder {
    font-size: 13px !important;
    color: #FFF !important;
  }
  .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    font-size: 14px !important;
    color: #B8B8B8;
  }
  .barra_divisora {
    margin: 0 auto; /* agrega esta línea */
    margin-bottom: 20px;
    max-width: 100%;
    background: #C3B091;
    height: 5px;
  }
  .custom-text-header {
    color: #FFF;
    font-size: 15px;
    font-weight: 500 !important;
  }
  .categoria-direccion {
    font-size: 10px;
    font-weight: 300;
    padding-top: 2px;
  }
  .tit-eva {
    color: #C3B091;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 1px;
    margin-bottom: 0px;
  }
  .precio {
    font-size: 12px;
    font-weight: 300;
    color: #eddcc0 !important;
    padding-top: 2px;
  }
  .circuloverde_interior {
    margin-left: 40px;
	 width: 20px;
    height: 20px;
  }
  .nomb_descrip {
    font-size: 25px;
    padding-bottom: 5px;
    text-align: center;
  }
  .estrellas_descrip {
    text-align: center;
    padding-bottom: 10px;
  }
  .fuente_valores {
    font-size: 15px;
    color: #FFF;
    font-family: poppins;
    font-weight: 300;
  }
  .text_cuadro {
    font-size: 14px !important;
  }
  .box span {
    font-size: 36px;
    font-weight: bold;
  }
  .seleccion_eva {
    font-size: 20px;
    color: #C3B091;
    font-weight: 500;
    padding: 0;
    margin: 0 15px; /* Ajusta el espacio entre las rayas y el texto */
    position: relative;
  }
  .contenedor-certificado img {
    position: absolute; /* Establece la posición absoluta */
    top: 0; /* Posiciona la imagen en la parte superior */
    left: 0; /* Posiciona la imagen en la parte derecha */
    width: 10%; /* Redimensiona la imagen a un 20% de su tamaño original */
    height: auto; /* Mantiene la relación de aspecto de la imagen */
  }
  .texto_foto_pendiente {
    padding-top: 20px;
  }
  .fotos_publicadas_text {
    color: #FFF !important;
    font-family: poppins;
    font-size: 16px;
    font-weight: 500;
  }
  .sube_fotos {
    margin-top: 20px;
  }
  .fondo_aprobadas {
    background: #000000;
  }
  .buscador-margen {
    width: 100%;
  }
  .camara_gold {
    font-size: 16px;
  }
  .premium-label_gold {
    font-family: roboto condensed;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #4B4B4B;
    color: #FFF;
    padding: 3px 3px;
    font-size: 10px;
  }
  .margen_novedades {
    margin: 15px 10px 35px 10px;
  }
  .historias_home {
    font-size: 18px;
    font-weight: 500;
    margin: 0 10px;
  }
  .premium-label_premium {
    padding: 5px 5px;
    font-size: 10px;
  }
  .premium-label {
    font-family: roboto condensed;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #000000;
    color: #FFF;
    padding: 5px 10px;
    font-size: 16px;
  }
  .premium-label {
    padding: 5px 5px;
    font-size: 14px;
  }
  .txt_footer {
    font-size: 11px;
    padding: 15px 0 15px 0;
  }
  .txt_footer2 {
    font-size: 11px;
  }
  .iconreder {
    font-size: 20px;
  }
  .vip-label-custom {
    bottom: -30px;
    right: 0px;
    background-color: #6B6000;
    color: #FFF;
    padding: 5px 10px;
    font-size: 17px;
    font-weight: 200;
    border-radius: 5px;
  }
  .servicios {
    padding: 0px 0px 5px 0px;
  }
}
/********************************* Móviles************************************** */
@media (min-width: 481px) and (max-width: 575px) {
  .lineaHeader {
    height: 2px;
  }
  .promo {
    width: 90px;
  }
  .busca {
    font-size: 17px;
  }
  .swiper-pagination {
    padding-bottom: 14px;
  }
  .customCol5 {
    max-width: 30%;
  }
  .certifhome {
    width: 20px;
  }
  .certarjeta {
    width: 25px;
  }
  .buscadorform {
    font-size: 15px;
    margin-bottom: 0; /* Simplificación */
    max-width: 100%;
    padding: 0; /* Simplificación */
  }
  .container {
    max-width: 750px;
  }
  .card-body {
    padding: 10px 10px 10px 6px;
    max-height: 90px;
  }
  .card-title {
    font-size: 14px;
  }
  .card-text {
    font-size: 12px !important; /* Asegúrate de que "!important" sea necesario */
  }
  .foto_detalle {
    position: relative; /* Necesario para que el borde blanco se posicione correctamente */
    border: 7px solid #6B6000; /* Borde exterior */
    border-radius: 50%; /* Hace que el div sea circular */
    overflow: hidden; /* Oculta cualquier contenido que sobresalga del div */
    width: 200px; /* Ancho del div */
    height: 200px;
    margin: 20px auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .foto_detalle .borde-blanco {
    position: absolute; /* Se posiciona absolutamente dentro del div */
    top: 7px; /* Se posiciona 7px desde la parte superior del div */
    left: 7px; /* Se posiciona 7px desde la parte izquierda del div */
    width: calc(100% - 14px); /* Ancho del borde blanco */
    height: calc(100% - 14px); /* Alto del borde blanco */
    border: 1px solid #FFFFFF; /* Borde blanco interior */
    border-radius: 50%; /* Hace que el borde blanco sea circular */
  }
  .badge-custom {
    margin: 2px;
    padding: 5px 5px;
    font-size: 13px;
  }
  .detalle_chic {
    height: 750px;
  }
  .fotocirculo {
    max-width: 100%;
    margin: 0 auto;
  }
  .iconos_precio {
    margin-left: 5px !important;
  }
  .nomb_descrip_datos {
    font-size: 22px;
    margin-top: 20px;
  }
  input.placeholder-blanco::placeholder {
    font-size: 12px;
    color: #FFF !important;
  }
  .tit-eva {
    font-size: 13px;
    font-weight: 200;
  }
  .precio {
    font-size: 13px;
  }
  .categoria-direccion {
    font-size: 12px;
    font-weight: 300;
    color: #FFF !important; /* Asegúrate de que "!important" sea necesario */
  }
  .promo_img {
    max-width: 60px;
    z-index: 9999;
  }
  .circuloverde_interior {
    margin-left: 30px;
  }
  .estrellas_descrip {
    text-align: center;
    padding-bottom: 10px;
  }
  .descrip {
    font-size: 13px;
  }
  .nomb_descrip {
    font-size: 25px;
    padding-bottom: 5px; /* Puedes ajustar según lo que necesites */
    text-align: center !important;
    color: #FFF;
    margin: 0 auto; /* Solo si es necesario */
  }
  .box {
    width: 80px; /* Ajusta el tamaño de los círculos */
    height: 80px; /* Mantén las proporciones */
    aspect-ratio: 1 / 1; /* Asegura que mantenga la proporción circular */
    margin: 5px; /* Reduce el margen para evitar que se salgan */
    padding: 5px; /* Ajusta el padding si es necesario */
    border-radius: 50%; /* Asegura que las cajas sigan siendo circulares */
  }
  .seleccion_eva {
    font-size: 20px;
  }
  .iconos_valores {
    max-width: 45px;
    max-height: 45px;
    margin-right: 7px;
  }
  .item img {
    margin-right: 10px;
    padding-bottom: 10px;
  }
  .iconos_valores_promo {
    width: 60px;
    height: 60px;
    margin-right: 7px;
  }
  .descripcion-texto {
    font-size: 13px;
  }
  .buscador-margen {
    width: 90%;
  }
  .fotocirculo {
    max-width: 80% !important;
    height: auto;
    object-fit: cover;
  }
  .detalle_chic {
    font-size: 25px;
    padding-bottom: 5px;
    text-align: center;
    height: 850px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(../img/novedades.jpg);
  }
}
/* Tablets pequeñas */
@media (min-width: 576px) and (max-width: 768px) {
  .historias {
    background: #000000;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .custom-text-header {
    font-size: 18px;
    font-weight: 100;
  }
  .container, .container-sm {
    max-width: 750px !important;
  }
  .checkbox-list-item label {
    margin-left: 4px;
    font-size: 14px;
  }
  .certarjeta {
    width: 30px;
  }
  .lineaHeader {
    height: 3px;
  }
  .busca {
    font-size: 18px;
  }
  .card-text {
    font-size: 12px !important;
  }
  .card-title {
    font-size: 13px !important;
  }
  .card-body {
    padding: 10px;
  }
  .novedades {
    font-size: 21px !important;
  }
  .buscadorform {
    margin: 0 auto;
    height: 30px;
  }
  .textFooter {
    font-family: poppins;
    color: #FFF !important;
    font-size: 14px !important;
  }
  .slider {
    max-width: 90%;
  }
  .slick-slider {
    width: 30px;
  }
  .fondonav {
    background-image: url("../img/fondoNavmovil.jpg");
    margin: 0 auto;
  }
  .detalle_chic {
    height: 750px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url(../img/novedades.jpg);
  }
  .badge-custom {
    margin: 2px;
    padding: 5px 5px;
    font-size: 13px;
  }
  .badge-custom_serv {
    margin: 2px;
    padding: 5px 5px;
    font-size: 13px;
  }
  .nomb_descrip_datos {
    font-size: 18px;
    margin-top: 20px;
  }
  input.placeholder-blanco::placeholder {
    font-size: 12px;
    color: #FFF !important;
  }
  .card-img-top {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .premium-label {
    font-size: 12px;
    padding: 3px 6px;
  }
  .card {
    margin: 0 10px;
  }
  .barra_datos {
    font-size: 15px;
    font-weight: 300 !important;
  }
  .acerca_mi {
    font-size: 18px;
  }
  .cont_badge {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .nomb_descrip {
    font-size: 25px;
    padding-bottom: 5px;
    text-align: center !important;
  }
  .estrellas_descrip {
    text-align: center;
    padding-bottom: 10px;
  }
  .descrip {
    font-size: 13px !important;
  }
  .container, .container-sm {
    max-width: 700px;
  }
  .item_buscador {
    color: #C3B091;
    font-family: 'poppins', sans-serif;
    font-size: 38px;
    font-weight: 0;
  }
  .texto_servicios {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.5; /* 1.5 veces la altura de la fuente */
  }
  .texto_fotos {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.5; /* 1.5 veces la altura de la fuente */
  }
  .fuente_valores {
    font-size: 15px;
    font-weight: 400;
  }
  .contenedor-certificado img {
    width: 7%; /* Redimensiona la imagen a un 20% de su tamaño original */
  }
  .nomb_descrip {
    font-size: 25px;
    padding-bottom: 5px;
    text-align: center;
  }
}
/* Pantallas medianas */
@media (min-width: 769px) and (max-width: 990px) {
  .customCol5 {
    flex: inherit;
    max-width: inherit;
  }
  .busca .nov .novedades {
    font-size: 17px;
  }
  .certarjeta {
    width: 30px;
  }
  .iconos_valores {
    width: 60px;
  }
  .detalle_chic {
    height: 450px;
  }
  .buscador .contenido {
    padding: 10px;
  }
  .custom-text-header {
    font-size: 18px;
  }
  input.placeholder-blanco::placeholder {
    font-size: 12px;
    color: #FFF !important;
  }
  .container {
    max-width: 900px !important; /* Cambia este valor al que prefieras */
  }
  .badge-custom_serv {
    margin: 2px;
    padding: 3px 3px;
    font-size: 12px;
  }
  .badge-custom {
    margin: 2px;
    padding: 3px 3px;
    font-size: 12px;
  }
  .barra_datos {
    margin-top: 10px;
    padding: 5px;
    font-size: 15px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .card-text {
    font-size: 14px;
  }
  .busca_blanco {
    font-size: 18px;
    color: #FFF !important;
    font-family: poppins;
  }
  .card-text {
    font-size: 14px;
  }
  .badge-custom {
    margin: 2px;
    padding: 5px 5px;
    font-size: 13px !important;
  }
  .iconos_valores {
    width: 60px;
  }
  input.placeholder-blanco::placeholder {
    font-size: 12px;
    color: #FFF !important;
  }
  .badge-custom_serv {
    border: 2px solid #6B6000;
    font-size: 13px;
  }
  .contenedor-certificado img {
    width: 10%; /* Redimensiona la imagen a un 20% de su tamaño original */
  }
}
@media (min-width: 1200px) {
  .certarjeta {
    width: 30px;
  }
  .card-text {
    font-size: 13px;
  }
  .iconos_valores {
    width: 60px;
  }
  .img_degradado {
    width: 100%;
    height: 500px; /* Ajusta el tamaño según necesites */
    background:
      linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%), url('tu-imagen.jpg') no-repeat center center;
    background-size: cover;
  }
  .borde_tarjeta {
    /*border: 1.4rem solid #6B6000;*/
    padding: 0px;
  }
  /* Contenedor padre */
  .contenedor_relativo {
    position: relative; /* Hace que el contenedor sea el contexto de posición */
    width: 100%; /* Ajusta según sea necesario */
    height: 300px; /* Ajusta según sea necesario */
  }
  /* Línea que se pega abajo */
  .linea_historias {
    height: 3px;
    width: 50%;
    background-color: #a00dbb;
    position: absolute;
    bottom: 0; /* Pega el div en la parte inferior del contenedor */
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Ajustar al ancho del contenedor */
    height: 100%; /* Ajustar al alto del contenedor */
    object-fit: cover; /* Mantener la relación de aspecto y cubrir el div */
    z-index: -1; /* Mantener detrás del contenido */
    opacity: 1;
  }
  .buscador {
    position: relative;
    z-index: 1; /* Asegura que el contenido se mantenga sobre el video */
    overflow: hidden; /* Esto se asegura de que el video no se salga del contenedor */
  }
  .buscador {
    position: relative; /* Asegura que el contenido esté bien posicionado sobre el video */
    z-index: 1; /* Para asegurar que el contenido esté sobre el video */
  }
  .video-background video {
    width: 100%; /* Ancho del video */
    height: 100%; /* Alto del video */
    object-fit: cover; /* Ajustar el video para que se muestre completo */
  }
  .busca_blanco {
    font-size: 20px;
    color: #FFF !important;
    font-family: poppins;
  }
  .logo_grande {
    max-width: 300px;
    padding-bottom: 15px;
  }
  .cont_menu {
    background: #000000;
    height: 50px;
    padding-top: 10px;
  }
  input.form-control.placeholder-blanco {
    color: #FFF;
    z-index: 2000;
  }
  input.placeholder-blanco::placeholder {
    font-size: 12px;
    color: #FFF !important;
  }
  .texto_servicios {
    font-size: 15px;
    font-family: poppins;
    font-weight: 200;
  }
  .interior-acordeon {
    background-color: #f2f2f2;
  }
  .iconos_valores {
    width: 60px;
  }
  .contenedor-iconos {
    width: 100vw !important;
  }
  .buscar_descripcion {
    font-size: 14px !important;
    color: #C3B091 !important;
  }
  .fondo-acordeon {
    background: #000000 !important;
  }
  .iconos_valores {
    width: 60px;
  }
  .iconos_valores_promo {
    width: 75px;
  }
}
/* Estilos para pantallas mayores a 1201px */
@media (min-width: 1201px) {
  .iconos_valores {
    width: 60px;
  }
  .iconos_valores_promo {
    width: 75px;
  }
}
@media only screen and (max-width: 1400px) {
  .menu_escritorio {
    max-height: 280px;
    max-width: 100%;
    position: absolute;
    overflow-y: auto;
    overscroll-behavior: contain;
    text-align: unset;
  }
  .modal_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .fondo_historia {
    background-color: black;
  }
  .fondo_carrusel {
    transition-duration: 0ms;
    transform: translate3d(-251.6px, 0px, 0px);
    transition-delay: 0ms;
  }
  .menu_texto {
    font-family: 19px !important;
  }
  .margen_novedades {
    margin: 25px 10px 35px 15px;
  }
  .fondo_modal_fotos {
    background-color: rgba(0, 0, 0, 0.9);
  }
}
#scrollToTop {
  font-weight: 500;
  position: fixed;
  bottom: 20px; /* Distancia desde la parte inferior */
  right: 20px; /* Distancia desde la derecha */
  background-color: #6B6000; /* Color de fondo */
  color: white; /* Color del texto */
  border: none; /* Sin borde */
  border-radius: 5px; /* Bordes redondeados */
  padding: 10px; /* Espaciado interno */
  text-decoration: none; /* Sin subrayado */
  font-size: 20px; /* Tamaño de la fuente */
  display: block; /* Mostrar como bloque */
  z-index: 1000;
  transition: opacity 0.3s; /* Transición suave */
}
.flecha_scroll {
  font-size: 40px;
}
.prueba {
  margin-top: 40px;
}


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

.tooltipc-info {
  display: none;
}
.my-custom-button {
    background-color: #C3B091; /* Cambia este color al que desees */
    color: #000000; /* Cambia el color del texto si es necesario */
}

.my-custom-button:hover {
    background-color: #C3B091; /* Color al pasar el mouse */
}

.custom-control-input2 {
  accent-color: #6b6000 !important; /* Color del checkbox */
  width: 18px !important;
  height: 18px !important;
}

/* Elimina el borde azul y otros estilos no deseados en hover y focus */
.custom-control-input2:hover,
.custom-control-input2:focus {
  outline: none !important; /* Elimina el borde azul en focus */
  box-shadow: none !important; /* Elimina sombras */
  border-color: transparent !important; /* Elimina el color del borde */
accent-color: #6b6000 !important;
}


.mi-enlace {
   
	color: #C3B091;
}

.mi-enlace:hover {
    color: #C3B091;
}

.mi-enlace:visited {
    color: #C3B091;
}

.tabla_valores {
	margin-top:30px;
}

.mi-div {
            text-align: center; /* Centra el texto dentro del div */
            padding: 20px; /* Espaciado interno */
            background-color: rgba(0, 0, 0, 0.5); /* Fondo negro transparente */
            border-radius: 10px; /* Bordes redondeados */
        }

        .mi-boton {
            background-color: #6B6000; /* Color de fondo del botón */
            color: white; /* Color del texto del botón */
            border: none; /* Sin borde */
            padding: 10px 20px; /* Espaciado interno del botón */
            border-radius: 5px; /* Bordes redondeados del botón */
            cursor: pointer; /* Cambia el cursor al pasar el mouse */
            font-size: 16px; /* Tamaño de fuente del botón */
        }
 .mi-boton:hover {
            background-color:  #6B6000 !important; /* Color al pasar el mouse */
        }

        .mi-boton:hover {
            background-color: #6B6000; /* Color al pasar el mouse */
        }.mi-div {
	
}

.tit_valorizacion {
	margin-top:30px;
}

.check_foto {
transform: scale(0.3); /* Ajusta el tamaño del checkbox (0.8 = 80%) */
            margin: 10px; /* Espaciado alrededor del checkbox */
            cursor: pointer; /* Cambia el cursor al pasar sobre el checkbox */
	background-color: #6B6000; /* Color al pasar el mouse */
}

.ticket-check {
	color:#FFF;
	width: 10px;
}

.custom-control-input {
	
    accent-color: #6b6000 !important; 
	 width: 14px !important;
    height: 14px !important;/* Cambia el color del checkbox */

}

.modal_calificar {
    display: flex;
    justify-content: space-between; /* Separa el título y el botón */
    align-items: center; /* Centra verticalmente */
background:#6b6000;
color:white;
	font-size:20px;
}

.modal_calificar .modal-title {
    margin: 0 auto; /* Centra el título */
	font-size: 25px;
}

.modal_calificar .btn-close {
    margin-left: auto; /* Mueve el botón de cierre a la derecha */
}

.text_cuadro_modal {

  margin: 0 auto;
  font-family: poppins;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #000000;

}
.text_cuadro_final {

  margin: 0 auto;
  font-family: poppins;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #a49400;

}

.box2 {
	font-size: 40px;
  font-family: Poppins, Arial;
  /*width: 70%;*/
  height: 100px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  position: relative;
  background-color: #FFF;
  border: 2px solid #c4b091;
  flex-wrap: wrap;
  /* Añadir un ratio para evitar que los círculos se deformen */
  aspect-ratio: 1 / 1;
  border-radius: 50%; /* Para asegurarse de que el contenedor sea circular */

}

.descripcion-texto_tit {

  color: #6B6000;
  font-family: poppins;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.5;

}

.tex_hola_modal {
	font-weight: 600;
}

.bot_cerrar_modal {
	filter: invert(1);
	
}

.text_escribe_comentar {
	font-size: 15px;
}

.text_escribe_advertencia {
	text-align: justify;
	font-size: 13px;
	color:#FF0004;
	
}

.text-center_final {
margin: 0 auto;
  font-family: poppins;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #A49400!important;
}


.divi-fotos {
	font-family: poppins;
	background-color: #000000;
	color: #FFF;
	font-size:17px;
	font-weight: 500;
	min-height: 35px;
	vertical-align: middle !important;
	padding-top: 10px;
}


.photo-section-historias {
	background:#D3D4FF;
	padding: 10px;
}
.divi-fotos-aprobadas {
		font-family: poppins;
	background-color:#C3B091;
	color: #000000;
	font-size:17px;
	font-weight: 600;
	min-height: 35px;
	vertical-align: middle !important;
	padding-top: 10px;
}

.borde_cuerpo {
    border: none !important; /* Elimina cualquier borde */
    padding: 0; /* Ajusta el padding si es necesario */
    background-color: transparent; /* Cambia el fondo si es necesario */

}

.divi-fotos-pendientes {
	font-family: poppins;
	background-color:#FFA33D;
	color: 000000;
	font-size:17px;
	font-weight: 600;
	min-height: 35px;
	vertical-align: middle !important;
	padding-top: 10px;
}

.divi-fotos-historias {
	font-family: poppins;
	background-color:#000152;
	color: #FFF;
	font-size:17px;
	font-weight: 600;
	min-height: 35px;
	vertical-align: middle !important;
	padding-top: 10px;
}

.divi-fotos-publicadas {
	font-family: poppins;
	background-color:#004608;
	color: #FFF;
	font-size:17px;
	font-weight: 600;
	min-height: 35px;
	vertical-align: middle !important;
	padding-top: 10px;
}

.photo-section {
	padding: 10px;
	
}

.fondo_pendientes {
	background:#CBCBCB;
}

.texto_aprobadas {
	font-size: 14px;
    line-height: 1.2;
}

.texto_publicadas {
	color:#000000;
	font-size: 14px;
    line-height: 1.2;
}

.grid-item { width: 200px; }

.item_busqueda {}

.btn-close-blanco {
	font-family: poppins;
	font-weight: 300;
	color:#FFF !important;
}



.custom-text-description {
  font-size: 13px;
  color: #C3B091;
}
.buscador .custom-text-description {
  font-size: 13px;
  color: #C3B091;
}

.rectangleSearch {

	 font-size: 12px;
    font-weight: 400;
    margin: 7px;
    font-family: poppins;
    width: fit-content;
    height: auto;
    border-radius: 0px;
    /* border: 2px solid #928300; */
     background-color: rgba(107, 96, 0, 0.6);
    vertical-align: middle;
    padding-top: 5px;
    backgrund: #FFF;
}

.rectangleSearch span {
    margin-top: 100px;
    vertical-align: middle;
}

.btn-cerrar-busqueda {
    color: white !important;
    border: none;
    font-size: 14px;
    padding: 2px;
    margin-left: 8px;
    border-radius: 50%;
}