body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #f8f9fa;
  }
  
  .hero {
    background: url('./imagenessombrero/vistasombrero.jpeg') center/cover no-repeat;
    height: 80vh;
  }
  
  h2, h3 {
    font-weight: 700;
  }
  
  .card {
    transition: transform 0.3s ease;
  }
  
  .card:hover {
    transform: scale(1.02);
  }
  
  footer {
    font-size: 0.9rem;
  }