/* ==========================================================
   INSCRÍBETE (bajo Galería) — Yellow Premium
   - Vertical (una columna) en todas las pantallas
   - Fondo amarillo premium (no “patito”)
   - Mucho aire, pero sin ocupar demasiado
   ========================================================== */

:root{
  --silver-0: #FFFFFF;
  --silver-1: #F3F6FB;
  --silver-2: #D7DEE9;
  --silver-3: #B9C3D6;
  --ink: #0A0A0A;
}

/* Club Community — Plomo metálico (uniforme) */
.inscribete-premium{
  position: relative;
  overflow: hidden;
  padding: 5.5rem 0;
  background: var(--silver-1);
}

.inscribete-premium::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  /* Plomo metálico: uniforme y sin sesgo lateral */
  background:
    linear-gradient(180deg,
      var(--silver-0) 0%,
      var(--silver-1) 22%,
      var(--silver-2) 55%,
      var(--silver-1) 78%,
      var(--silver-0) 100%
    );
  opacity: 1;
}

.inscribete-premium > .container{ position: relative; z-index: 1; }

.inscribete-wrap{
  max-width: 980px;
  margin: 0 auto;
  border-radius: 18px;
  background: rgba(255,255,255,0.86);
  border: 2px solid rgba(10,10,10,0.06);
  box-shadow:
    0 18px 60px rgba(10,10,10,0.10),
    inset 0 1px 0 rgba(255,255,255,0.70);
  padding: 2.2rem;
}

/* (Rebuild) Header vertical simple */
.inscribete-tag{
  display: inline-block;
  margin: 0 auto 0.85rem;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(10,10,10,0.14);
  background: rgba(255,255,255,0.55);
  color: rgba(10,10,10,0.78);
  font-weight: 1000;
  letter-spacing: 1px;
  font-size: 0.82rem;
  text-transform: uppercase;
}

/* Subtítulo (separación limpia, sin “pill”) */
.inscribete-sub{
  padding-top: 0.9rem;
  position: relative;
}
.inscribete-sub::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(160px, 45vw);
  height: 2px;
  background: linear-gradient(90deg, rgba(245,158,11,0), rgba(245,158,11,0.55), rgba(245,158,11,0));
}

.inscribete-title{
  margin: 0;
  color: var(--ink);
  font-weight: 1100;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 2.2rem;
}

.inscribete-sub{
  margin: 0.75rem auto 0;
  color: rgba(10,10,10,0.70);
  max-width: 720px;
  line-height: 1.55;
}

.inscribete-sub strong{ color: var(--ink); font-weight: 1000; }

/* Bloque Club Community (lista + CTA) */
.club-list ul{ list-style: disc; }
.club-list li{ margin: 0.35rem 0; }

.club-cta{
  box-shadow: 0 12px 30px rgba(10,10,10,0.14);
}
.club-cta:hover{ filter: brightness(1.08); transform: translateY(-1px); }

/* Botón más “naranja premium” si se usa sin inline */
.inscribete-premium .club-cta{
  background: linear-gradient(135deg, var(--orange), var(--orange-deep));
  border-color: rgba(245,158,11,0.55);
}

@media (max-width: 820px){
  .inscribete-premium{ padding: 4.8rem 0; }
  .inscribete-wrap{ padding: 1.6rem; }
  .inscribete-title{ font-size: 2.0rem; }
}

@media (max-width: 560px){
  .inscribete-premium{ padding: 4.3rem 0; }
  .inscribete-wrap{ padding: 1.25rem; border-radius: 16px; }
  .inscribete-title{ font-size: 1.65rem; }
  #formInscribete .f-grid{ grid-template-columns: 1fr; }
}