/* ================== PAQUETES (solo contenido) ================== */

.site-panel{
  max-width:1200px;
  margin:3.2rem auto;
  padding:2rem;
  border-radius:18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(250,250,250,0.85));
  box-shadow: 0 8px 30px rgba(2,24,18,0.08);
}

.section-head h2{ margin:0 0 .25rem 0; font-family:'Playfair Display', serif; }
.section-head .muted{ color:#4b5b53; margin-top:0.25rem; }

.cards-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:1.5rem;
  margin-top:1.4rem;
}

.card{
  background: linear-gradient(180deg, #ffffff, #fbfbfb);
  border-radius:14px;
  overflow:hidden;
  box-shadow: 0 8px 20px rgba(3,20,12,0.06);
  display:flex;
  flex-direction:column;
  transition: transform .28s ease, box-shadow .28s ease;
}
.card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(2,18,12,0.08); }

.card img{ width:100%; height:170px; object-fit:cover; display:block; }

.card-body{
  padding: 1rem 1rem 1.2rem;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:.8rem;
}
.card-body h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.2;
  font-family:'Playfair Display', serif;
}
.card-body p{ margin:0; color:#4b5b53; font-size:.95rem; }

.card-actions{ margin-top:auto; display:flex; gap:.6rem; align-items:center; }

.details{ display:none; padding-top:.8rem; color:#3f5449; font-size:.92rem; }
.details.open{ display:block; }

/* Ajustes responsive */
@media (max-width:880px){
  .site-panel{ padding: 1.2rem; margin: 2rem auto; }
}