/* GoodPlann · garantía + FAQ */

.gp .faq{ position:relative; padding:clamp(50px,9vh,110px) 0 clamp(70px,12vh,140px);
  background:linear-gradient(180deg, #96e6d7 0%, #7ed6cc 30%, #4fb9b4 100%); }
.gp .guarantee-card{ max-width:900px; margin:0 auto clamp(40px,7vh,70px); display:flex; align-items:center; gap:clamp(18px,3vw,34px);
  background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.7); border-radius:24px; padding:clamp(22px,3.5vw,36px);
  box-shadow:0 24px 60px rgba(20,70,72,.25); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.gp .g-seal{ width:clamp(88px,12vw,120px); height:auto; flex:0 0 auto; filter:drop-shadow(0 6px 16px rgba(0,0,0,.25)); }
.gp .g-text h3{ margin:0 0 10px; font-weight:900; font-size:clamp(1.2rem,2.2vw,1.6rem); color:#0C2A2E; letter-spacing:-.02em; }
.gp .g-text p{ margin:0 0 8px; font-size:14px; line-height:1.6; color:#16403E; }
.gp .g-text .g-strong{ font-weight:800; color:#0C2A2E; }
.gp .faq-k{ text-align:center; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#0E5A54; margin:0 0 12px; }
.gp .faq-h{ text-align:center; margin:0 auto clamp(30px,5vh,48px); max-width:24ch; font-weight:900; font-size:clamp(1.7rem,3.6vw,2.6rem); letter-spacing:-.03em; color:#0C2A2E; line-height:1.12; text-wrap:balance; }
.gp .faq-h .grad-coral{ filter:saturate(1.1); }
.gp .faq-stack{ position:relative; max-width:820px; margin:0 auto; height:clamp(320px,44vh,400px); }
.gp .faq-card{ position:absolute; inset:0; border-radius:22px; padding:clamp(28px,4vw,46px); cursor:pointer;
  background:linear-gradient(180deg, rgba(16,32,38,.94), rgba(9,18,24,.96));
  border:1px solid rgba(125,226,209,.22); box-shadow:0 30px 70px rgba(10,40,42,.45), inset 0 1px 0 var(--glass-hi);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  display:flex; flex-direction:column; justify-content:center;
  transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .5s ease; will-change:transform,opacity; }
.gp .faq-card::before{ content:""; position:absolute; left:0; top:0; right:0; height:3px; border-radius:22px 22px 0 0; background:linear-gradient(90deg,#FF6B4A,#FF9E4D,#C8FF00,#7DE2D1); opacity:.85; }
.gp .faq-card.out{ transform:translateY(80px) scale(.92) !important; opacity:0 !important; }
.gp .faq-n{ font-family:var(--ff); font-weight:900; font-size:13px; letter-spacing:.1em; color:var(--tiffany); margin-bottom:12px; }
.gp .faq-card h3{ margin:0 0 14px; font-weight:900; font-size:clamp(1.15rem,2vw,1.5rem); letter-spacing:-.02em; color:var(--snow); line-height:1.2; }
.gp .faq-card p{ margin:0; font-size:clamp(.98rem,1.35vw,1.1rem); line-height:1.6; color:var(--ink); }
.gp .faq-ctrl{ display:flex; align-items:center; justify-content:center; gap:20px; margin-top:26px; }
.gp .faq-nav{ font-family:var(--ff); font-weight:800; font-size:14px; cursor:pointer; border-radius:999px; padding:11px 20px;
  border:1px solid rgba(12,42,46,.3); background:rgba(255,255,255,.6); color:#0C2A2E; transition:.2s; }
.gp .faq-nav:hover{ background:#fff; }
.gp .faq-prev{ padding:11px 16px; }
.gp .faq-count{ font-weight:800; color:#0C2A2E; font-variant-numeric:tabular-nums; }
@media (max-width:680px){
  .gp .guarantee-card{ flex-direction:column; text-align:center; }
  .gp .faq-stack{ height:clamp(380px,64vh,520px); }
  .gp .faq-card{ overflow-y:auto; }
  .gp .faq-nav{ padding:10px 14px; font-size:13px; }
}