:root{
  --mira-ink:#142219;
  --mira-ink-soft:#304137;
  --mira-green:#6eae73;
  --mira-green-dark:#315e40;
  --mira-mist:#edf4eb;
  --mira-paper:#fbfbf7;
  --mira-line:#d8e1d7;
  --mira-muted:#68756d;
  --mira-radius:24px;
  --mira-shadow:0 24px 70px rgba(25,48,35,.08);
}
html{background:var(--mira-paper);scroll-padding-top:92px}
body{background:var(--mira-paper)!important;color:var(--mira-ink)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,textarea,select{font-family:'DM Sans',system-ui,sans-serif}
::selection{background:#cfe7cc;color:#183020}
img{max-width:100%}
a,button{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(110,174,115,.34);outline-offset:3px}

/* Navegación coherente en todas las páginas */
nav.nav,.site-nav,.main-nav,body>nav:first-of-type{background:rgba(251,251,247,.9)!important;border-bottom:1px solid var(--mira-line)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand,.nav-logo{color:var(--mira-ink)!important;letter-spacing:-.035em}
.nav-links a,.links a{color:#667168!important;font-weight:500!important}
.nav-links a:hover,.links a:hover{color:var(--mira-ink)!important}
.nav-cta,.button.primary,.btn-primary{border:1px solid var(--mira-ink)!important;border-radius:14px!important;background:var(--mira-ink)!important;color:#fff!important;box-shadow:none!important}
.nav-cta:hover,.button.primary:hover,.btn-primary:hover{background:var(--mira-green-dark)!important;border-color:var(--mira-green-dark)!important;transform:translateY(-2px)}

/* Ritmo editorial */
main>section,body>section{position:relative}
.container{width:min(1440px,calc(100% - 48px))!important;margin-inline:auto!important}
h1,h2,h3,h4{color:var(--mira-ink);text-wrap:balance}
p{color:var(--mira-muted);text-wrap:pretty}
.section-head>span,.eyebrow,.hero-tag{color:var(--mira-green-dark)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.15em!important}
.section-head h2 em,h1 em,h2 em{color:#78b77b}

/* Superficies: menos aspecto de plantilla */
.card,.profile-card,.step,.pricing-card,.price-card,.feature-card,.scenario-card,.panel,.demo-card{
  border-color:var(--mira-line)!important;
  border-radius:var(--mira-radius)!important;
  box-shadow:var(--mira-shadow)!important;
}
.profile-card,.step,.feature-card,.scenario-card{background:#fff!important}
.soft,.section-soft{background:var(--mira-mist)!important}

/* Portada */
.hero-wrap{background:linear-gradient(135deg,#fbfbf7 0%,#f4f7f1 52%,#edf4eb 100%)!important}
.hero-h1{max-width:780px!important;letter-spacing:-.065em!important;line-height:.94!important}
.hero-p{max-width:650px!important;color:#606e65!important;line-height:1.7!important}
.hero-btns a,.hero-btns button{border-radius:14px!important}
.hero-cards>*{border-color:var(--mira-line)!important;box-shadow:none!important}

/* Tarjetas de precios y CTA */
#planes .pricing-card,#precios .pricing-card,.pricing-card{overflow:hidden;background:#fff!important}
.pricing-card.featured,.pricing-card.active{border-color:#78b77b!important;box-shadow:0 26px 80px rgba(46,95,57,.14)!important}
.pricing-card button,.pricing-card a{border-radius:12px!important}

/* Movimiento suave y sobrio */
[data-mira-reveal]{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1)}
[data-mira-reveal].mira-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lenis{scroll-behavior:auto!important}[data-mira-reveal]{opacity:1;transform:none}}
@media(max-width:800px){.container{width:min(100% - 24px,720px)!important}:root{--mira-radius:18px}.hero-h1{letter-spacing:-.05em!important}}