/* Fuente Colossalis Regular */
@font-face {
  font-family: 'Colossalis';
  src: url('/assets/fonts/Colossalis.eot'); /* IE9 Compat Modes */
  src: url('/assets/fonts/Colossalis.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/Colossalis.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/Colossalis.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/Colossalis.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/Colossalis.svg#Colossalis') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}




/* Fuente Colossalis Bold */
@font-face {
  font-family: 'Colossalis-Bold';
  src: url('/assets/fonts/Colossalis-bold.eot'); /* IE9 Compat Modes */
  src: url('/assets/fonts/Colossalis-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/Colossalis-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/Colossalis-bold.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/Colossalis-bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/Colossalis-bold.svg#Colossalis-Bold') format('svg'); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}

/* Uso de las fuentes */
body {
  font-family: 'Colossalis', sans-serif !important;
}

h1, h2, h3, h4 {
  font-family: 'Colossalis-Bold', sans-serif;
}

/* Estilos generales */
.navbar {
  background-color: rgba(0, 0, 0, 0.6); /* Fondo negro semitransparente */
  -webkit-backdrop-filter: blur(5px); /* soporte para Safari */
  backdrop-filter: blur(5px); /* desenfoque detrás del navbar */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* sombra sutil */
}

.navbar-brand {
  display: flex;
  align-items: center;
  gap: 15px;
}

.navbar-brand img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.navbar-brand span {
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}

.navbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-height: 80px;
}

.navbar-brand img {
  height: 50px; /* ajusta la altura del logo */
}

.nav-item {
  font-size: 1.2rem;
}

/* Altura fija para el carrusel */
#carouselITDA .carousel-item img {
  height: 550px;
  object-fit: cover;
}

.boton-transparente {
  background-color: rgba(33, 37, 41, 0.85); /* gris oscuro semitransparente */
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  -webkit-backdrop-filter: blur(4px); /* soporte para Safari */
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.boton-transparente:hover {
  background-color: rgba(33, 37, 41, 1); /* más oscuro al pasar el mouse */
  transform: translateY(-2px);
}

.lineas-decorativas svg {
  display: block;
  width: 100%;
  height: 80px;
  margin: 0;
  padding: 0;
}

.lineas-decorativas path {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

/* columnas de programas */
/* Tarjeta con sombra sutil */

.programa-card {
  overflow: hidden;
  border-radius: 15px;
  height: 400px; /* Aumenta la altura de la tarjeta */
  position: relative;
}

.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Mantiene la imagen proporcional */
  display: block;
}

.card-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(40, 40, 40, 0.8);
  color: white;
  padding: 20px;
}

.program-title {
  font-weight: bold;
  font-size: 1.5rem;
  color: #e0b13c;
  margin-bottom: 10px;
}

.program-description {
  font-size: 1rem;
  line-height: 1.4;
  color: #f1f1f1;
}

body {
  background-color: #ffffff;
}