/* ==========================
   🎨 Custom Styles - Casaciones
   ========================== */

/* 🔹 Fondo general del sitio */
body {
  font-family: 'Inter', sans-serif;
  background-color: #f8f9fa; /* fallback */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* 🔹 Header */
header img {
  object-fit: cover;
}

header nav a {
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}

/* 🔹 Links generales */
a {
  transition: all 0.2s ease-in-out;
}
a:hover {
  text-decoration: underline;
}

/* 🔹 Botones personalizados */
.btn-custom {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  border-radius: 0.75rem;
  font-weight: 600;
  text-align: center;
  transition: background 0.2s ease-in-out;
}

/* Colores */
.btn-blue { background: #2563eb; color: #fff; }
.btn-blue:hover { background: #1e40af; }

.btn-green { background: #16a34a; color: #fff; }
.btn-green:hover { background: #15803d; }

.btn-purple { background: #7c3aed; color: #fff; }
.btn-purple:hover { background: #5b21b6; }

/* 🔹 Cards */
.card {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
  transition: transform 0.2s ease-in-out;
}
.card:hover {
  transform: translateY(-4px);
}

/* 🔹 Footer */
footer {
  font-size: 0.85rem;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}