body {
    font-family: 'Segoe UI', sans-serif;
}
.card img {
    height: 200px;
    object-fit: cover;
}
header {
    background: #2388FF;
}
h1 {
    color: white;
    font-size: 5rem;
    font-family: "Inter", sans-serif;
    font-weight: bold;
}
.lead {
    color:rgb(190, 226, 255);
}

#contacto a, #contacto a:link, #contacto a:active, #contacto a:visited {
    text-decoration: none;
    color:black;
}
#contacto a:hover {
    color: #2388FF;
}

footer {
    color: #9bcaff;
}

.w-33 {
  max-width: 33%;
}

.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.card-img-bottom {
  height: 200px;
  object-fit: cover;
  object-position: bottom;
}

#detalle h2 {
    font-size: 4rem;
}
#detalle .lead {
    color:#000000;
}

header a, header a:link, header a:active, header a:visited {
    text-decoration: none;
    color:rgb(190, 226, 255);
}

header a:hover {
    text-decoration: none;
    color:rgb(255, 255, 255);
}