/* Ritmo de la landing, sin alterar las interfaces de la demo. */
.life-landing{--section-space:64px;--content-space:32px}
.life-landing{background:#fff}
.life-landing :is(.hero,.soft){background-color:#fff;background-image:radial-gradient(ellipse at 50% 60%,#88a80d0d,transparent 70%);border-color:#e0e5d9}
.life-landing :is(.card,.phone-card,.plan){background:#fff;border-color:#dce4d1}
.life-landing :is(.screen,.premium,.single-plan,.note,.commercial-story){background:#f7f9f3;border-color:#dce4d1}
.life-landing .filters button.active{background:#edf0e9;border-color:#dce2d5;color:#35412e}
.life-landing .nuvia-preview-logo{width:120px;height:54px;object-fit:contain;margin:12px auto 0}
.life-landing .nuvia-premium-logo{width:150px;height:60px;object-fit:contain;object-position:left center;margin-bottom:12px}
.life-landing .nuvia-premium{display:grid;grid-template-columns:140px minmax(0,1fr) 180px;gap:24px;align-items:center;background:#f7f9f3;padding:28px 32px}
.life-landing .nuvia-premium-image{width:140px;max-height:110px;object-fit:contain;mix-blend-mode:multiply}
.life-landing .nuvia-premium-image{mix-blend-mode:normal}
.life-landing .nuvia-premium-copy h3{font-size:23px;margin:8px 0}
.life-landing .nuvia-premium-copy p{margin:0;font-size:14px;line-height:1.7}
.life-landing .nuvia-premium>.btn{justify-self:start}
@media(max-width:1000px){.life-landing .nuvia-premium{grid-template-columns:140px minmax(0,1fr);gap:14px 22px}.life-landing .nuvia-premium>.btn{grid-column:2}}
@media(max-width:600px){.life-landing .nuvia-premium{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px}.life-landing .nuvia-premium-image{width:150px}.life-landing .nuvia-premium-copy h3{font-size:22px}}
.life-landing main>section{padding-block:var(--section-space)}
.life-landing main>.hero{padding-top:64px;padding-bottom:64px}
.life-landing .eyebrow{line-height:1.6}
.life-landing h2{margin:14px 0 24px}
.life-landing section>.wrap>p,.life-landing section.wrap>p{margin:0 0 24px}
.life-landing .lead{margin:24px 0 0}
.life-landing .actions{margin-top:28px}
.life-landing .hero-tags{margin:24px 0 0;line-height:1.7}
.life-landing .ecosystem{margin-top:40px}
.life-landing .grid{margin-top:var(--content-space);gap:20px}
.life-landing .card{padding:26px;display:flex;flex-direction:column}
.life-landing .card h3{margin:12px 0}
.life-landing .card p{margin:0;line-height:1.7}
.life-landing .card .textlink{align-self:flex-start;margin-top:20px}
.life-landing .note{margin-top:24px}
.life-landing .filters{margin-top:28px}
.life-landing #module-grid{margin-top:24px}
.life-landing #flujo{padding-block:var(--section-space)!important}
.life-landing #flujo .gflow-intro{margin-bottom:28px}
.life-landing .commercial-flow{margin-top:28px}
.life-landing .premium,.life-landing .single-plan{margin-top:32px;padding:28px 32px}
.life-landing .premium p,.life-landing .single-plan p{margin:0}
.life-landing #life-plans{margin-top:24px}
.life-landing .plan p{margin:0 0 16px}
.life-landing #planes>.fine{margin:16px 0 0}
.life-landing #planes+.faq{padding-top:0}
.life-landing .faq details{padding:22px 0}
.life-landing .faq details p{margin:14px 0 0}
@media(max-width:800px){
 .life-landing{--section-space:44px;--content-space:24px}
 .life-landing main>.hero{padding-block:40px 44px}
 .life-landing .ecosystem{margin-top:28px;gap:24px}
 .life-landing h2{margin:12px 0 20px}
 .life-landing .grid{gap:16px}
 .life-landing .card{padding:24px}
 .life-landing .premium,.life-landing .single-plan{margin-top:24px;padding:24px;gap:20px}
 .life-landing .two{gap:28px}
 .life-landing .faq details{padding:20px 0}
}