/* Landing /bodas-madrid — pensada para Google Ads / SEO long-tail "DJ boda Madrid".
   Reutiliza .press de home.css y .cta-btn de shared.css. */

/* === HERO === */
.bodas-hero{position:relative;min-height:88vh;display:flex;align-items:center;padding:160px 48px 100px;overflow:hidden;color:#fff}
.bodas-hero-bg{position:absolute;inset:0;z-index:0}
.bodas-hero-bg video{width:100%;height:100%;object-fit:cover}
.bodas-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,29,48,0.78) 0%,rgba(0,0,0,0.55) 60%,rgba(10,130,189,0.35) 100%)}
.bodas-hero-content{position:relative;z-index:1;max-width:920px}
.bodas-hero-content h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(54px,8vw,128px);line-height:0.9;letter-spacing:-0.01em;margin:24px 0 32px;text-shadow:0 4px 30px rgba(0,0,0,0.4)}
.bodas-hero-content h1 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:#fff;opacity:0.95;font-size:0.78em}
.bodas-hero-sub{font-size:20px;line-height:1.65;max-width:680px;color:rgba(255,255,255,0.9);margin-bottom:48px}
.bodas-hero-sub strong{color:#fff;font-weight:600}
.bodas-hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:48px}
.cta-btn-light{color:#fff;border-color:rgba(255,255,255,0.6);background:transparent}
.cta-btn-light:hover{background:#fff;color:var(--accent);border-color:#fff}
.bodas-hero-trust{display:flex;gap:32px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(255,255,255,0.2)}
.bodas-hero-trust span{font-size:13px;letter-spacing:0.15em;color:rgba(255,255,255,0.55);font-family:'Bebas Neue',sans-serif}

/* === VALUE === */
.bodas-value{padding:140px 48px 80px}
.bodas-value-head{max-width:880px;margin:0 auto 80px;text-align:center}
.bodas-value-head .page-eyebrow{justify-content:center}
.bodas-value-head h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,7vw,96px);line-height:0.92;margin:24px 0 32px}
.bodas-value-head h2 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--accent)}
.bodas-value-head p{font-size:18px;color:var(--ink-mute);line-height:1.7}

.bodas-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1400px;margin:0 auto}
.bp{padding:32px 28px;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;transition:all .25s}
.bp:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(10,29,48,0.08);border-color:var(--accent)}
.bp-num{font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:0.3em;color:var(--accent);margin-bottom:16px}
.bp h3{font-family:'Bebas Neue',sans-serif;font-size:28px;line-height:1;margin-bottom:14px;color:var(--ink)}
.bp p{font-size:14px;color:var(--ink-mute);line-height:1.65}

/* === PROCESS === */
.bodas-process{padding:120px 48px;background:var(--bg-soft);text-align:center}
.bodas-process .page-eyebrow{justify-content:center}
.bodas-process h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,6vw,80px);line-height:0.95;margin:20px 0 64px}
.bodas-process h2 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--accent)}
.bodas-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:1100px;margin:0 auto}
.bs{padding:0 16px}
.bs-num{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-family:'Bebas Neue',sans-serif;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.bs h4{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:0.02em;margin-bottom:10px;color:var(--ink)}
.bs p{font-size:15px;color:var(--ink-mute);line-height:1.7}

/* === FINAL CTA === */
.bodas-cta-final{padding:140px 48px;background:var(--accent);color:#fff;text-align:center}
.bodas-cta-inner{max-width:760px;margin:0 auto}
.bodas-cta-inner h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(54px,8vw,120px);line-height:0.9;margin-bottom:24px}
.bodas-cta-inner h2 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:rgba(255,255,255,0.85);display:block;font-size:0.72em}
.bodas-cta-inner p{font-size:18px;line-height:1.7;color:rgba(255,255,255,0.92);margin-bottom:40px}
.cta-btn-lg{font-size:18px;padding:20px 40px}
.bodas-cta-final .cta-btn.primary{background:#fff;color:var(--accent);border-color:#fff}
.bodas-cta-final .cta-btn.primary:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.bodas-cta-meta{font-size:15px;margin-top:32px;color:rgba(255,255,255,0.8)}
.bodas-cta-meta a{color:#fff;border-bottom:1px solid #fff}

@media(max-width:1024px){
  .bodas-hero{padding:120px 24px 60px;min-height:auto}
  .bodas-hero-sub{font-size:17px}
  .bodas-pillars{grid-template-columns:1fr 1fr;gap:20px}
  .bodas-value,.bodas-process,.bodas-cta-final{padding:80px 24px}
  .bodas-steps{grid-template-columns:1fr;gap:40px}
  .bodas-hero-trust{gap:18px}
  .bodas-hero-trust span{font-size:11px}
}
@media(max-width:640px){
  .bodas-pillars{grid-template-columns:1fr}
  .bodas-hero-cta{flex-direction:column;align-items:stretch}
  .bodas-hero-cta .cta-btn{justify-content:center}
}