body { font-family: 'Segoe UI', Tahoma, sans-serif; }
.hero {
  background: url('images/proyecto.jpeg') center/cover no-repeat;
  height: 100vh;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.hero::after {
  content: "";
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.55);
}
.hero-content {
  position: relative;
  z-index: 2;
}
hero h1 { font-size: 3rem; font-weight: bold; }
.hero p { font-size: 1.3rem; margin-bottom: 20px; }
.card img { height: 200px; object-fit: cover; }
.icon-box { text-align: center; padding: 20px; }
.icon-box i { font-size: 2rem; color: #198754; margin-bottom: 10px; }

footer { background: #212529; color: white; padding: 20px; text-align: center; }



.modelo-img {
    height: 350px;       /* ajusta la altura deseada */
    width: 100%;         /* ocupa todo el ancho */
    object-fit: cover;   /* recorta proporcionalmente sin deformar */
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    transition: transform 0.3s ease;
  }
  
  .card:hover .modelo-img {
    transform: scale(1.05); /* efecto zoom al pasar el mouse */
  }