/* Contenedor de columnas */
.columnas-container {
  display: flex; /* Flexbox para dos columnas */
  flex-wrap: wrap; /* Permite apilar columnas en pantallas pequeñas */
  gap: 20px; /* Espacio entre columnas */
  margin: 20px 0;
}

/* Estilo de columnas individuales */
.columna {
  width: 48%; /* Cada columna ocupa casi la mitad del contenedor */
  padding: 10px; /* Espaciado interno */
  box-sizing: border-box; /* Incluye padding en el ancho total */
}

.contenido-interno {
  background-color: #f9f9f9; /* Fondo ligero */
  border: 1px solid #ddd; /* Bordes suaves */
  padding: 15px;
  border-radius: 8px; /* Bordes redondeados */
}

/* Responsividad para pantallas pequeñas */
@media (max-width: 768px) {
  .columna {
    width: 100%; /* Las columnas ocupan todo el ancho en pantallas pequeñas */
  }

  .columnas-container {
    gap: 15px; /* Reducir espacio entre columnas en móviles */
  }
}

/* Estilo del video */
.video video {
  max-width: 100%; /* El video se adapta al ancho del contenedor */
  height: auto;
}

/* Imagen responsiva */
.contenido-interno img {
  max-width: 100%; /* La imagen no supera el tamaño del contenedor */
  height: auto; /* Mantiene las proporciones */
}

/* Enlace de inscripción */
.inscripcion-texto {
  margin-top: 20px;
  text-align: center; /* Centrar el texto de inscripción */
}

.inscripcion-texto a {
  color: #007BFF;
  text-decoration: none;
  font-weight: bold;
}

.inscripcion-texto a:hover {
  text-decoration: underline;
}