/* ===== MEMBERSHIP (home) ===== */
.membership-preview-inicio{
  padding: 100px 0;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.membership-preview-inicio h2{
  color: #fff;
  font-weight: 800;
  margin-bottom: 32px;
}

/* Grid de tarjetas */
.membership-cards-inicio{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 20px;
}

/* Tarjeta */
.membership-card-inicio{
  background:#fff;
  border:1px solid #e7ecf3;
  border-radius:14px;
  padding:24px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(244, 245, 247, 0.767);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  display:flex; flex-direction:column; align-items:center; gap:14px;
  min-height: 220px;
}
.membership-card-inicio:hover{
  transform: translateY(-4px);
  box-shadow:0 12px 28px rgba(252, 252, 252, 0.63);
  border-color:#dde5f1;
}

/* Título y precio */
.membership-card-inicio h3{
  margin:0;
  color:#0f172a;
  font-weight:700;
  font-size:1.15rem;
}
.membership-card-inicio .price{
  color: var(--gold-light, #12214d);
  font-size:2rem;
  font-weight:800;
}
.membership-card-inicio .price span{
  display:block; margin-top:4px;
  font-size:.9rem; font-weight:500; color:#6b7280;
}

/* Botón */
.membership-card-inicio .btn{
  width:100%;
  border-radius:12px;
  font-weight:700;
  padding:10px 14px;
}

/* Destacado */
.membership-card-inicio.featured{
  border:2px solid var(--primary-dark, #9a7502);
  box-shadow:0 12px 30px rgba(154,117,2,.18);
  position:relative;
}
.membership-card-inicio.featured::after{
  content:"Most Popular";
  position:absolute; top:12px; right:12px;
  background:linear-gradient(135deg,#f6d365,#fda085);
  color:#222; font-weight:700; font-size:.75rem;
  padding:6px 10px; border-radius:999px;
  box-shadow:0 6px 14px rgba(253,160,133,.35);
}

/* Responsive */
@media (max-width: 992px){
  .membership-cards-inicio{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 576px){
  .membership-cards-inicio{ grid-template-columns: 1fr; }
  .membership-card-inicio{ max-width: 420px; margin:0 90px; }
}

.choose-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* Máx 2 columnas */
  gap: 28px;
}

@media (max-width: 768px) {
  .choose-cards {
    grid-template-columns: 1fr; /* 1 columna en pantallas pequeñas */
  }
}

.choose-card {
  background: #fff;
  border-radius: 14px;
  padding: 30px 24px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.choose-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
}

.choose-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  background: var(--primary-color, #12214d);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.google-reviews { padding: 2rem 0; }
.gr-summary { margin-bottom: .75rem; font-size: 1rem; color: #12214d; }
.gr-stars { font-size: 1.1rem; }
.gr-rating, .gr-count { margin-left: .35rem; color: #6c757d; }
.reviews-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 1rem; }
.gr-item { border: 1px solid #e9ecef; border-radius: 10px; padding: 1rem; background: #fff; }
.gr-top { display: flex; gap: .75rem; align-items: center; margin-bottom: .5rem; }
.gr-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.gr-author a { color: #12214d; text-decoration: none; font-weight: 600; }
.gr-meta { font-size: .85rem; color: #6c757d; }
.gr-text { margin-top: .5rem; color: #2c3e50; line-height: 1.45; }
.gr-source { margin-top: 1rem; font-size: .85rem; color: #6c757d; }
.small { font-size: .9rem; }


/* Sección CTA Final */
.membership-cta {
  background: linear-gradient(135deg, #fdfdfd, #ffffff);
  color: var(--primary-color);
  display: flex;
  align-items: center;       /* Centra verticalmente */
  justify-content: center;   /* Centra horizontalmente */
  padding: 3rem 1rem;
  text-align: center;
  min-height: 300px;
}

.membership-cta h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--primary-color);
  width: 900px;
}

.membership-cta p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: var(--primary-color);
  width: 900px;
}

/* Botones centrados */
.membership-cta .hero-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

/* Botón primario */
.membership-cta .btn-primary {
  background-color: var(--gold-light);
  border-color: #9a7502;
  color: var(--primary-color);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.membership-cta .btn-primary:hover {
  background-color: #b68f09;
  border-color: #b68f09;
  transform: translateY(-2px);
}

/* Botón contorno */
.membership-cta .btn-outline {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.membership-cta .btn-outline:hover {
  background-color: #fff;
  color: #12214d;
  transform: translateY(-2px);
}
.membership-cta .col-md-8 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.container-membership-cta{
  background:linear-gradient(135deg,#fffffe,12214d);
  color:#222; font-weight:700; font-size:.75rem;
  padding:6px 10px; border-radius:999px;
  box-shadow:0 6px 14px #b68f09;
  padding: 20px;
}
/* Responsive */
@media (max-width: 576px) {
  .membership-cta h2 {
    font-size: 1.5rem;
  }
  .membership-cta p {
    font-size: 1rem;
  }
}