/* Pain Index V3: estructura y copy de Miztli, sistema visual V2 */
:root{
  --mint:#8fd05c;
  --green:#79c141;
  --green-dark:#63a532;
  --green-soft:#eff8e8;
  --ink:#0a0a0a;
  --ink-2:#1a1a1a;
  --paper:#fff;
  --muted:#444;
  --line:#e4e4e4;
  --font-body:"Garet",sans-serif;
  --font-display:"Garet",sans-serif;
}

body{background:#fff;color:var(--ink);font-family:var(--font-body);font-weight:400}
h1,h2,h3{font-family:var(--font-display);font-weight:300;letter-spacing:-.025em}
p{color:#444}
.site-header,.site-header.scrolled{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(12px)}
.nav-wrap{min-height:76px}
.brand{width:183px;height:58px}
.brand img{width:183px;height:58px;object-fit:contain}
.desktop-nav a{font-weight:400;color:#444}
.desktop-nav a:hover{color:var(--green-dark)}
.button{border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:500;box-shadow:none;transform:none!important}
.button:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:none;filter:none}
.button-ghost{background:#fff;color:var(--ink)}
.button-light{background:#fff;color:var(--ink);border-color:#fff}
.eyebrow{color:var(--green-dark);font-weight:500;letter-spacing:.2em}
.eyebrow-dark{color:var(--green)}

/* Hero con composición editorial y navegador completo de V2 */
.hero{display:block;min-height:auto;padding:145px 0 100px;background:#fff}
.hero::before{content:"";position:absolute;width:620px;height:210px;right:-110px;top:78px;background:url("assets/blurbs/blurb-hero.png") center/contain no-repeat;opacity:.28;pointer-events:none}
.hero-grid{display:block;text-align:center}
.hero-copy{max-width:920px;margin:0 auto}
.hero h1{max-width:920px;margin-inline:auto;font-size:clamp(48px,6.2vw,82px);line-height:.99;letter-spacing:-.04em}
.hero-sub{max-width:760px;margin:24px auto 0;font-size:clamp(17px,2vw,20px)}
.hero-actions{justify-content:center;margin-top:30px}
.proof-line{justify-content:center;font-weight:400;color:#444}
.dashboard-shell{width:min(1078px,100%);height:auto;aspect-ratio:1078/744;margin:70px auto 0;border:1px solid var(--line);background:#fff;overflow:hidden}
.platform-mockup{width:1078px;height:744px;display:block;transform-origin:top left}
.hero-orb{display:none}

.sector-strip{background:var(--green-soft);border-color:var(--green)}
.sector-row{color:#444}.sector-row strong{color:var(--ink);font-weight:400}.sector-row i{color:var(--green-dark)}
.dark-section{background:var(--ink);color:#fff}.dark-section::before,.particles{display:none}
.value-section{position:relative}.value-section::after{content:"";position:absolute;width:380px;height:270px;right:-120px;top:20px;background:url("assets/blurbs/blurb-capabilities.png") center/contain no-repeat;opacity:.25;pointer-events:none}
.value-section p,.plan-section p{color:#e6e6e6}
.value-copy{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;backdrop-filter:none!important}
.value-copy p{color:#444!important}.value-copy .number{color:var(--green-dark)!important}
.core-node circle:first-child{fill:#1a1a1a;stroke:var(--green)}
.connector-lines{stroke:var(--green)!important}.orbit{stroke:#444!important}

.capabilities{background:#fff;position:relative;overflow:hidden}
.capabilities::after{content:"";position:absolute;width:300px;height:440px;right:-130px;bottom:-130px;background:url("assets/blurbs/blurb-about.png") center/contain no-repeat;opacity:.22;pointer-events:none}
.card-grid,.steps{gap:1px;background:var(--line);border:1px solid var(--line)}
.feature-card,.step-card{border:0;background:#fff;box-shadow:none;animation:none}
.feature-card:hover,.step-card:hover{background:var(--green-soft);transform:none;box-shadow:none}
.icon-box{background:var(--green-soft)!important;color:var(--green-dark)!important;border:1px solid var(--green)!important}
.process{background:#f3f3f3}.process-copy p{color:#444}
.step-card>span,.step-card>i{color:var(--green-dark)}

.testimonials-section{background:#fff}
.testimonial-card{box-shadow:none}
.testimonial-video-card video{background:#111}
.plan-section{background:var(--ink)}
.price-card{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.price-card p{color:#444!important}.price-card>strong{color:var(--ink)!important}
.price-card>strong small,.price-card>strong em{color:var(--green-dark)!important}
.price-tags span{background:var(--green-soft)!important;color:var(--ink)!important;border:1px solid var(--green)!important}

.faq-section{background:var(--green-soft)}
.accordion{gap:0;border-top:1px solid var(--ink)}
.faq-item{border:0;border-bottom:1px solid var(--ink);background:transparent}
.faq-item button{font-weight:400;padding:24px 0}.faq-answer{padding-left:0}.faq-answer p{color:#444}
.demo-section{background:#f3f3f3;color:var(--ink);position:relative}
.demo-section::after{content:"";position:absolute;width:510px;height:270px;left:-150px;bottom:-40px;background:url("assets/blurbs/blurb-form.png") center/contain no-repeat;opacity:.28;pointer-events:none}
.demo-grid{grid-template-columns:.72fr 1.28fr;gap:50px}
.demo-copy p{color:#444}.demo-section .eyebrow-dark{color:var(--green-dark)}
.demo-benefits span{color:var(--ink)}.demo-benefits i{color:var(--green-dark)}
.lead-form{background:#fff;border:1px solid var(--ink);box-shadow:none;padding:34px}
.field label{font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}
.field input,.field select,.field textarea{height:52px;border-color:#c9c9c9;background:#fff;font-size:16px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-soft)}
.submit-button{background:var(--green);border-color:var(--green);color:var(--ink)}
.submit-button:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.whatsapp-float{border-radius:0;box-shadow:none;animation:none}
.site-footer{background:var(--ink)}

button,.button,input,select,textarea,.skip-link,.menu-toggle,.mobile-menu,.dashboard-shell,.platform-mockup,.value-copy,.feature-card,.step-card,.icon-box,.testimonial-card,.price-card,.price-tags span,.faq-item,.lead-form,.thanks-card,.thanks-card img,.lead-summary{border-radius:0!important}

/* Página de gracias alineada a V2 */
.thanks-left{background:var(--ink)}.thanks-right{background:var(--green-soft)}
.thanks-card{border:1px solid var(--ink);box-shadow:none}.thanks-card h2,.thanks-content h1{font-weight:300}
.thanks-ghost{background:transparent;color:#fff;border-color:#fff}

@media(max-width:980px){
  .hero::before{width:430px;right:-160px}
  .demo-grid{grid-template-columns:1fr;gap:42px}
  .mobile-menu{background:#fff;border:1px solid var(--line);box-shadow:none}
}
@media(max-width:680px){
  .nav-wrap{min-height:70px}.mobile-menu{inset:70px 0 auto}.brand{width:156px;height:49px}.brand img{width:156px;height:49px}
  .hero{padding:112px 0 70px}.hero::before{width:300px;height:130px;right:-120px;top:86px}.hero h1{font-size:clamp(42px,12vw,58px)}
  .dashboard-shell{margin-top:46px}
  .demo-section{padding:80px 0}.lead-form{padding:22px 18px}
}
