/* Estilos específicos para la página de Inicio */

.hero-section {
  position: relative;
  height: 65vh;
  background-image: url('../img/nav.jpeg');
}
.hero-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 6, 12, 0.5);
  z-index: 1;
}
.hero-content {
    z-index: 2;
    position: relative;
}

/* Tarjetas de Navegación */
.card-link { text-decoration: none; color: inherit; }
.card-hover { border: 1px solid #eee; transition: all 0.3s ease; background-color: white; }
.card-hover:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 2rem rgba(0,0,0,0.1);
}
.card-hover:hover .icon-feature { color: var(--color-secundario); }
.icon-feature { font-size: 3rem; color: var(--color-primario); transition: all 0.3s ease; }

/* Testimonios */
.testimonial-card {
    background-color: white;
    padding: 2rem;
    border-radius: 1rem;
    border-left: 5px solid var(--color-secundario);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}