@import url('https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

variables color {
    --color-texto: #000000;
    --color-texto-secundario: #B7B7B7;
    --plummexColor: #3DB5BD;

}


* {
  box-sizing: border-box;
  /* margin: 0px;
  padding: 0px; */
  font-family: "Biryani", sans-serif;
  font-weight: 300;
  font-style: normal;
}
h1, h2, h3{
    font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

 /* Si usas Tailwind, la mayor parte ya está; solo para animación */
  #maintenance-popup {
    animation: fadeIn 0.3s ease-out;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

.map-container {
  max-width: 800px; /* ancho máximo del mapa */
  width: 100%;       /* que ocupe todo el ancho disponible */
  margin: 0 auto;    /* centrado horizontal */
  border-radius: 12px; /* esquinas redondeadas opcional */
  overflow: hidden;  /* recorta bordes si hay radio */
  box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* sombra opcional */
}

.map-container iframe {
  width: 100%;
  height: 450px; /* altura fija, puedes ajustarla */
  border: 0;
}


/* Scrollbar estilizado para los textos largos */
.testimonial-text-container::-webkit-scrollbar {
  width: 6px;
}

.testimonial-text-container::-webkit-scrollbar-track {
  background: #f4f4f4;
  border-radius: 10px;
}

.testimonial-text-container::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

.testimonial-text-container::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* Ajustes para transición visual */
.bg-white.expanded .testimonial-text-container {
  transition: all 0.3s ease;
}

/* Opcional: fade visual al fondo del texto */
.testimonial-text-container {
  mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}

.bg-white.expanded .testimonial-text-container {
  mask-image: none;
}

/* Desactiva el line-clamp al expandir */
.bg-white.expanded .testimonial-text {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}
