/* =========================================================
   DROPLACE — custom overrides on top of the Pintex template
   Light theme, accent orange (#ff5a1f)
   ========================================================= */

:root{
  --dp-accent:#ff5a1f;
  --dp-accent-2:#ff8a4d;
  --dp-ink:#120c0a;
  --dp-muted:#6b6f76;
  --dp-line:#ece7e2;
  --dp-surface:#fbf8f5;
}

body{ font-family:'Inter', sans-serif; }

.section-id{
  display:inline-flex; align-items:center; gap:.5rem;
  color:var(--dp-accent); font-weight:700; font-size:.78rem;
  letter-spacing:.12em; text-transform:uppercase; margin-bottom:.9rem;
}
.section-id::before{ content:""; width:22px; height:2px; background:var(--dp-accent); display:inline-block; }
.section-id.color--white{ color:#ffd9c8; }
.section-id.color--white::before{ background:#ffd9c8; }

h1,h2,h3,h4,h5,h6{ letter-spacing:-.02em; }

/* ---- HERO ---- */
.dp-hero{
  padding:7.5rem 0 6rem;
  background:linear-gradient(150deg,#1a0f0a 0%,#2b160d 42%,#3d1c0c 100%);
  position:relative; overflow:hidden;
}
.dp-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 15% 10%, rgba(255,138,77,.28) 0%, transparent 45%),
             radial-gradient(ellipse at 90% 80%, rgba(255,90,31,.22) 0%, transparent 45%);
}
.dp-hero .container{ position:relative; z-index:1; }
.dp-hero h1.h1-hero{
  font-size:clamp(2.3rem,4.6vw,3.6rem); line-height:1.08; font-weight:800; color:#fff;
}
.dp-hero h1.h1-hero em{ color:var(--dp-accent-2); font-style:normal; }
.dp-hero .p-xl{ color:rgba(255,255,255,.78); margin-top:1.1rem; font-size:1.08rem; line-height:1.65; max-width:34rem; }
.dp-hero .hero-btns{ display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.7rem; }
.dp-hero .hero-note{ color:rgba(255,255,255,.5); font-size:.85rem; margin-top:.9rem; }
.dp-hero .wave-shape-bottom svg path{ fill:#fff; }

/* ---- APP STORE BADGES ---- */
.dp-store-badges{ margin-top:1.8rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.14); max-width:26rem; }
.dp-store-lbl{ display:block; color:rgba(255,255,255,.5); font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.7rem; }
.dp-store-badges .stores-badge{ display:flex; align-items:center; gap:.9rem; }
.dp-store-badges .store{ display:inline-flex; }
.dp-store-badges img{ height:40px; width:auto; }
.dp-store-soon{ position:relative; opacity:.6; cursor:default; }
.dp-soon-tag{
  position:absolute; top:-9px; right:-8px; background:var(--dp-accent); color:#fff;
  font-family:'Inter',sans-serif; font-size:.56rem; font-weight:800; letter-spacing:.03em;
  padding:.14rem .4rem; border-radius:999px; white-space:nowrap;
}

/* ---- HERO VISUAL: app mockup (featured) ---- */
.dp-hero-media{ position:relative; }
.dp-hero-media--app{
  display:flex; justify-content:center; align-items:center;
  min-height:460px;
}
.dp-hero-app-img{
  position:relative; z-index:2; width:min(115%, 620px); max-width:none;
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.45));
}
@media(max-width:1100px){
  .dp-hero-media--app{ min-height:380px; }
  .dp-hero-app-img{ width:min(105%, 460px); }
}
@media(max-width:640px){
  .dp-hero-media--app{ min-height:320px; }
  .dp-hero-app-img{ width:min(120%, 380px); }
}

/* ---- TRUST BAND ---- */
.dp-trust{ background:var(--dp-surface); border-bottom:1px solid var(--dp-line); }
.dp-trust-item{ text-align:left; }
.dp-trust-ico{ font-size:1.6rem; margin-bottom:.6rem; }
.dp-trust-item h6{ font-weight:700; font-size:1rem; margin-bottom:.4rem; color:var(--dp-ink); }
.dp-trust-item p{ color:var(--dp-muted); font-size:.92rem; line-height:1.55; margin:0; }

/* ---- CONTENT SECTIONS ---- */
.content-section p{ color:var(--dp-muted); }
.content-section em{ color:var(--dp-accent); font-style:normal; }
.prob-lead{ font-weight:700; color:var(--dp-ink)!important; font-size:1.05rem; margin-bottom:.6rem; }
.dp-pains .list-item{ padding-left:1.1rem; position:relative; }
.dp-pains .list-item::before{ content:"✕"; position:absolute; left:0; top:2px; color:#e0450a; font-weight:700; font-size:.8rem; }
.dp-strip{
  margin-top:1.4rem; padding:1.1rem 1.3rem; border-radius:16px;
  background:linear-gradient(135deg,rgba(255,90,31,.09),rgba(255,90,31,.03));
  border:1px solid rgba(255,90,31,.18); color:var(--dp-ink); font-size:.98rem; line-height:1.6; max-width:44rem;
}

/* ---- HOW IT WORKS ---- */
.dp-how{ margin-top:5.5rem; padding-top:4.5rem; border-top:1px solid var(--dp-line); }
.dp-steps{ margin-top:1rem; }
.dp-step{ padding:0 .6rem 2rem; }
.dp-step-num{
  width:46px; height:46px; border-radius:999px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--dp-accent),var(--dp-accent-2)); color:#fff; font-weight:800;
  font-size:1rem; margin-bottom:1rem; box-shadow:0 8px 22px rgba(255,90,31,.28);
}
.dp-step-mini{ display:block; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--dp-accent); margin-bottom:.3rem; }
.dp-step h5{ font-size:1.02rem; font-weight:700; margin-bottom:.4rem; color:var(--dp-ink); }
.dp-step p{ font-size:.88rem; color:var(--dp-muted); line-height:1.55; }

/* ---- FEATURES ---- */
.dp-fico{ font-size:1.9rem; margin-bottom:.9rem; }
.fbox-4.bg--whitesmoke{ text-align:left; padding:2rem 1.8rem; height:100%; }
.fbox-4 h5{ color:var(--dp-ink); }

/* ---- INDUSTRY PILLS ---- */
.dp-pills{ display:flex; flex-wrap:wrap; gap:.65rem; justify-content:center; margin-top:1.6rem; }
.dp-pill{
  display:inline-flex; align-items:center; gap:.5rem; padding:.65rem 1.1rem; border-radius:999px;
  border:1px solid var(--dp-line); background:#fff; color:var(--dp-ink); font-weight:600; font-size:.92rem;
  cursor:pointer; transition:.2s ease;
}
.dp-pill:hover,.dp-pill.on{ border-color:var(--dp-accent); background:rgba(255,90,31,.07); transform:translateY(-2px); }
.dp-idetail{
  margin-top:1.4rem; max-width:44rem; margin-left:auto; margin-right:auto; text-align:center;
  padding:1.1rem 1.4rem; border-radius:16px; background:rgba(255,90,31,.06); border:1px solid rgba(255,90,31,.16);
  color:var(--dp-ink); font-size:.98rem; line-height:1.6; min-height:3.2rem;
}

/* ---- BUYERS ---- */
.dp-buyers-sec{ background:var(--dp-surface); }
.dp-bn-steps{ list-style:none; padding:0; margin:1.3rem 0; display:grid; gap:.6rem; }
.dp-bn-steps li{ display:flex; align-items:center; gap:.75rem; font-size:.95rem; color:var(--dp-ink); }
.dp-bn-num{
  width:24px; height:24px; border-radius:999px; background:rgba(255,90,31,.12); border:1px solid rgba(255,90,31,.28);
  color:var(--dp-accent); font-weight:700; font-size:.72rem; display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.dp-bfeats{ margin-top:3.5rem; }
.dp-bfeat{ background:#fff; border:1px solid var(--dp-line); border-radius:18px; padding:1.5rem; height:100%; }
.dp-bfeat h6{ font-weight:700; margin-bottom:.4rem; color:var(--dp-ink); }
.dp-bfeat p{ color:var(--dp-muted); font-size:.88rem; margin:0; line-height:1.5; }

/* ---- PRICING TEASER ---- */
.dp-plans{ margin-top:1rem; }
.dp-plan{
  background:#fff; border:1px solid var(--dp-line); border-radius:22px; padding:1.8rem 1.5rem; height:100%;
  position:relative; display:flex; flex-direction:column;
}
.dp-plan h6{ font-weight:700; font-size:1.02rem; color:var(--dp-ink); margin-bottom:.3rem; }
.dp-plan-price{ font-size:2rem; font-weight:800; color:var(--dp-ink); margin-bottom:1rem; }
.dp-plan-price span{ font-size:.85rem; font-weight:500; color:var(--dp-muted); }
.dp-plan-list{ list-style:none; padding:0; margin:0 0 1.4rem; flex:1; display:grid; gap:.5rem; }
.dp-plan-list li{ font-size:.86rem; color:var(--dp-muted); padding-left:1.2rem; position:relative; line-height:1.4; }
.dp-plan-list li::before{ content:"✓"; position:absolute; left:0; color:var(--dp-accent); font-weight:700; }
.dp-plan-cta{ width:100%; text-align:center; justify-content:center; }
.dp-plan-feat{ border-color:rgba(255,90,31,.35); box-shadow:0 20px 45px rgba(255,90,31,.14); }
.dp-plan-badge{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background:var(--dp-accent); color:#fff; font-size:.68rem; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; padding:.32rem .8rem; border-radius:999px;
}
.dp-plan-note{ text-align:center; max-width:44rem; margin:1.6rem auto 1.6rem; color:var(--dp-muted); font-size:.88rem; line-height:1.6; }

/* ---- FAQ ---- */
.faqs-1 .accordion-thumb h5{ color:var(--dp-ink); }

/* ---- FINAL CTA ---- */
.dp-final-cta{
  background:linear-gradient(180deg, rgba(18,10,6,.78), rgba(18,10,6,.92)), url('../images/droplace/07-cta-lanzamiento.png') center/cover no-repeat;
  padding:4.5rem 2rem;
}
.dp-final-cta h2{ color:#fff; font-size:clamp(1.8rem,3.6vw,2.8rem); }
.dp-final-cta .p-lg{ color:rgba(255,255,255,.8); max-width:38rem; margin:1rem auto 1.7rem; }
.dp-final-btns{ display:flex; flex-wrap:wrap; gap:.85rem; justify-content:center; }
.dp-final-note{ color:rgba(255,255,255,.55); font-size:.85rem; margin-top:1rem; }

/* ---- NAV extras ---- */
.lang-t{ display:flex; align-items:center; gap:.25rem; padding:0 .3rem; }
.lb{ background:none; border:none; font-size:.78rem; font-weight:700; letter-spacing:.05em; cursor:pointer; padding:.2rem .3rem; color:inherit; opacity:.6; }
.lb.active{ opacity:1; color:var(--dp-accent); }
.lsep{ opacity:.35; font-size:.72rem; }
@media (max-width:1200px){ .nl-ghide{ display:none; } }

/* ---- FOOTER ---- */
.footer-info img.footer-logo{ height:38px; width:auto; margin-bottom:.9rem; }
.dp-foot-tagline{ color:var(--dp-muted); max-width:20rem; line-height:1.55; margin-bottom:1rem; }
.dp-foot-socials li a{ background:var(--dp-surface); border:1px solid var(--dp-line); }
.dp-foot-socials li a:hover{ background:rgba(255,90,31,.1); border-color:var(--dp-accent); }

/* ---- PRICING PAGE ---- */
.dp-pp-hero h1{ color:var(--dp-ink); }
.dp-pp-hero h1 em{ color:var(--dp-accent); font-style:normal; }
.dp-pp-hero .p-lg{ color:var(--dp-muted); max-width:44rem; margin:1rem auto 0; }

.dp-pp-included{ margin-top:3.5rem; }
.dp-pp-item{ background:#fff; border:1px solid var(--dp-line); border-radius:18px; padding:1.6rem; height:100%; text-align:left; }
.dp-pp-item h6{ font-weight:700; color:var(--dp-ink); margin-bottom:.4rem; font-family:'Inter',sans-serif; }
.dp-pp-item p{ color:var(--dp-muted); font-size:.87rem; line-height:1.55; margin:0; }

.dp-pp-cost{ margin-top:2.5rem; }
.dp-pp-cost-card{ background:#fff; border:1px solid rgba(255,90,31,.22); border-radius:26px; padding:clamp(1.6rem,3vw,2.6rem); box-shadow:0 20px 50px rgba(255,90,31,.08); }
.dp-pp-cost-head{ text-align:center; margin-bottom:2rem; }
.dp-pp-cost-head h2{ color:var(--dp-ink); }
.dp-pp-cost-rows{ row-gap:1.5rem; }
.dp-pp-cost-row{ display:flex; align-items:flex-start; gap:1.2rem; height:100%; }
.dp-pp-cost-pct{ font-family:'Inter',sans-serif; font-weight:800; font-size:1.8rem; color:var(--dp-accent); letter-spacing:-.03em; flex-shrink:0; min-width:5.5rem; }
.dp-pp-cost-pct span{ font-size:1rem; font-weight:700; color:var(--dp-accent); }
.dp-pp-cost-row h6{ font-weight:700; color:var(--dp-ink); margin-bottom:.35rem; font-family:'Inter',sans-serif; }
.dp-pp-cost-row p{ color:var(--dp-muted); font-size:.87rem; line-height:1.55; margin:0; }
.dp-pp-cost-zero{
  margin-top:2rem; padding-top:1.6rem; border-top:1px solid var(--dp-line); text-align:center;
  font-weight:700; color:var(--dp-ink); font-family:'Inter',sans-serif; font-size:.98rem;
}

.dp-pp-community{ margin-top:4rem; }
.dp-pp-community h2{ color:var(--dp-ink); margin-bottom:1rem; }
.dp-pp-community p{ color:var(--dp-muted); font-size:1rem; line-height:1.7; }

.dp-pp-cta{ margin-top:3rem; }
.dp-pp-help{ text-align:center; color:var(--dp-muted); font-size:.9rem; margin-top:1.3rem; }
.dp-pp-help a{ color:var(--dp-accent); font-weight:600; }