a {
    text-decoration: none;
}


.navbar-brand, .nav-link {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
}
.navbar-nav .nav-link:hover {
    color: red !important;  /* Cambia el color del texto a rojo al pasar el mouse */
}


        /* Estilo para la barra de navegación */
        .nav .navbar-brand {
            display: flex;
            align-items: center;  /* Alinea el logo y el texto verticalmente */
        }
        /* Ajuste para el contenido que no quede debajo del logo */
        .container {
            margin-top: 10px;  /* Coloca el contenido por debajo del logo */
        }


.logo {
            position: absolute;
            top: -60px;  /* Lo coloca por encima de la barra de navegación */
            left: 20px;  /* Lo coloca a la izquierda */
            width: 120px;  /* Tamaño del logo */
            height: 120px;  /* Tamaño del logo */
            z-index: 10;  /* Asegura que el logo quede por encima de otros elementos */
        }
        
        /* Ajuste de la barra de navegación */
 .logo {
            
            object-fit: contain; /* Asegura que la imagen se ajuste sin distorsión */
        }

		
		/* Seccion hero   */    
		
		.hero {
            background-image: url('intranet4/notasfotos/24_1.jpg'); /* Cambia 'tu-imagen.jpg' por el nombre de tu archivo de imagen */
            background-size: cover;
            background-position: center;
            height: 60vh;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
        }

        .hero h1 {
            font-size: 4rem;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
        }

        .hero p {
            font-size: 1.5rem;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        }

        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5rem;
            }

            .hero p {
                font-size: 1rem;
            }
        }

        /* Línea gris oscura arriba del hero */
        .linea-gris {
            background-color: #555;  /* Gris oscuro */
            height: 5px;  /* Altura de la línea */
            width: 100%;  /* Ancho completo */
        }
		.linea-cyan {
            background-color: #000080;  /* Gris oscuro */
            height: 5px;  /* Altura de la línea */
            width: 100%;  /* Ancho completo */
        }
		.flag-icon {
            width: 30px;  /* Tamaño de las banderas */
            height: auto;
            margin-left: 10px;  /* Espacio entre las banderas */
        }
		.instagram-icon {
            font-size: 2rem;  /* Tamaño del icono */
            color: #E1306C;   /* Color característico de Instagram */
        }
		
		
		
		
		.image-card {
            text-align: center;
            margin-bottom: 30px;
        }

        .image-card img {
            width: 100%;
            height: auto;
             border-radius: 5px;  /* Borde redondeado de 5px */
            transition: transform 0.3s ease;
        }

        .image-card img:hover {
            transform: scale(1.05);
        }

        .image-card .btn {
            margin-top: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
        }

        .image-card .btn:hover {
            background-color: #0056b3;
        }

        .description {
            color: #808080;  /* Gris */
            font-size: 1rem;
        }
		.titulo-card {
			 
		}
		 .h5 {
            font-family: 'Poppins', sans-serif; /* Aplicando la fuente Poppins */
            font-weight: 500;
            font-size: 1.1rem; /* Tamaño más pequeño */
            color: #000;  /* Color negro */
            margin-bottom: 15px;
			text-align: left;  
        }
		
		 
		.img-hover {
    transition: transform 0.3s ease;
  }
  .img-hover:hover {
    transform: scale(1.05);
  }
  .title-hover {
    transition: color 0.3s ease;
  }
  .title-hover:hover {
    color: red;
  }
  
    .gallery-container {
      position: relative;
      max-width: 100%;
      overflow: hidden;
    }
    .gallery {
      display: flex;
      transition: transform 0.5s ease;
    }
    .gallery img {
      width: 100%;
      height: auto;
      max-width: 100%;
      cursor: pointer;
    }
    .gallery-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      color: white;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 10px;
      border-radius: 50%;
      cursor: pointer;
    }
    .gallery-arrow-left {
      left: 10px;
    }
    .gallery-arrow-right {
      right: 10px;
    }
    .note-container {
      margin-bottom: 30px;
    }
    .note-title {
      font-size: 1.5rem;
      font-weight: bold;
    }
    .note-date {
      font-size: 0.9rem;
      color: gray;
    }
    .note-text {
      font-size: 1rem;
      margin-top: 10px;
    }
    .note-icons {
      cursor: pointer;
      margin-left: 10px;
      font-size: 1.2rem;
    }
    @media (max-width: 768px) {
      .note-container {
        margin-bottom: 20px;
      }
    }