/* ---------- HERO ---------- */
.sgp-hero{text-align:center;margin-bottom:3rem}
.sgp-hero h1{font-size:2.6rem;font-weight:600;color:#064f3c;margin-bottom:1.5rem}
.sgp-hero-benefits{display:flex;justify-content:center;gap:60px;margin-bottom:2rem}
.sgp-hero-benefits li{list-style:none;width:220px}
.sgp-hero-benefits i{font-size:2rem;color:#064f3c;margin-bottom:6px;display:block}
.sgp-hero-benefits h4{font-size:1.1rem;margin:.3rem 0;color:#064f3c}
.sgp-hero-benefits p{font-size:.9rem;color:#555}
.sgp-cta{background:#064f3c;color:#fff;border:none;padding:14px 40px;border-radius:6px;font-weight:600;cursor:pointer}
.sgp-cta:hover{opacity:.9}

/* ---------- PASO 1 ---------- */
.sgp-period{background:#fff;color:#111;border:3px solid #111;border-radius:40px;padding:12px 38px;font-weight:600;cursor:pointer;margin-right:12px}
.sgp-period.active,.sgp-period:hover{background:#064f3c;color:#fff;border-color:#064f3c}

/* ---------- NAV ---------- */
.sgp-back,.sgp-next{background:#064f3c;color:#fff;border:none;padding:12px 28px;border-radius:6px;font-weight:600;cursor:pointer}
.sgp-back{background:#777;margin-right:10px}
.sgp-nav{text-align:center;margin:40px 0}

/* ---------- STEPPER ---------- */
.sgp-stepper{display:flex;justify-content:center;gap:60px;margin:40px 0}
.sgp-stepper li{list-style:none;text-align:center;color:#777;cursor:pointer}
.sgp-stepper li.current{font-weight:700;color:#064f3c}
.sgp-stepper li span{font-size:1.7rem;margin-bottom:4px;display:block}

/* ---------- CARD ---------- */
.sgp-card{width:190px;border:1px solid #e0e0e0;border-radius:6px;padding:10px;text-align:center}
.sgp-card img{height:120px;object-fit:contain;margin-bottom:8px}
.sgp-card h4{font-size:.88rem;height:48px;overflow:hidden;margin-bottom:6px}
.sgp-card .price{display:block;font-weight:600;margin-bottom:6px;color:#064f3c}
.sgp-card .sgp-add{width:100%;background:#064f3c;color:#fff;border:none;padding:8px 0;border-radius:4px;font-size:.8rem}
.sgp-card .sgp-add:disabled{background:#2e7d32}

/* ---------- CONTADOR ---------- */
#sgp-count{font-weight:700}

/* Botones en “Mi suscripción” */
.woocommerce .button.cancel   { background:#c0392b;color:#fff }
.woocommerce .button.disabled { background:#888;color:#fff }

/* Botones y aviso en “Mi suscripción” */
.woocommerce .button.cancel   { background:#c0392b;color:#fff }
.woocommerce .button.disabled { background:#888;color:#fff }
.sgp-note{font-size:.9rem;color:#555;margin-top:10px}