@font-face {
  font-family: 'Tango Sans';
  src: url('../fonts/TangoSans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Tango Sans';
  src: url('../fonts/TangoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Tango Sans';
  src: url('../fonts/TangoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}



/* --- HERO: quitar sombra/oscurecido del slide --- */
.hero .carousel-item:before {
  background: transparent !important; /* anula el overlay del template */
}

/* --- HERO: mantener el alto original del carrusel (no tocar min-height del template) --- */
/* NO redefinimos .hero .carousel { min-height: ... } para no perder altura. */
.hero .carousel {
  background-color: #fff; /* color de fondo "limpio" detrás de la imagen */
}

/* --- HERO IMG: evitar recorte y mostrar completa --- */
/* En el template, la <img> del hero está absoluta y con width/height 100%, lo conservamos
   pero cambiamos a 'contain' para que no recorte.
*/
.hero img {
  object-fit: contain !important;   /* muestra la imagen completa */
  /* conservamos: position:absolute; inset:0; width:100%; height:100% del template */
}

/* --- (Opcional) Si el texto sobre la imagen te estorba, atenúalo o escóndelo: --- */
/*
.hero .carousel-container { display: none !important; }
*/


.header .logo img {
  height: 80px !important; 
  max-height: none !important;
  width: auto;
}

.navmenu a {
  font-family: 'Tango Sans', sans-serif !important;
}


.text-justify-custom {
  text-align: justify;
}