:root{
  --dimacor-blue:#0b63d4;
  --dimacor-dark:#073a86;
  --muted:#6c757d;
  --radius:8px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
body{font-family:Inter, system-ui, sans-serif;}
.bg-gradient{
  background: linear-gradient(120deg,var(--dimacor-blue),var(--dimacor-dark));
}
.hero{
  /* Banner con imagen de fondo y overlay para legibilidad */
  background: linear-gradient(120deg, rgba(11,99,212,0.55), rgba(7,58,134,0.55)), url('../images/banner.jpg') center/cover no-repeat;
  min-height: 48vh;
  display:flex;
  align-items:center;
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}
@media(min-width:992px){
  .hero{min-height:60vh;padding-top:4rem;padding-bottom:4rem}
}
.navbar-brand{font-weight:700}
.card img{height:200px;object-fit:cover}
@media(min-width:768px){
  .card img{height:220px}
}
.btn-primary{background:var(--dimacor-dark);border-color:var(--dimacor-dark)}
.btn-primary:hover{background:var(--dimacor-blue);border-color:var(--dimacor-blue)}
footer{border-top:1px solid rgba(255,255,255,0.06)}

/* Lightbox styles */
.card-img-top{cursor:pointer}
.modal-content.lightbox{background:rgba(0,0,0,0.85);border:0}
#lightboxImage{max-height:80vh;object-fit:contain}
#lightboxCaption{color:var(--muted);}