@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--forest:#102f28;--pine:#0e4739;--jade:#176a4b;--mint:#b7ecc9;--ivory:#f4f7f2;--paper:#fffefa;--ink:#193329;--muted:#6c8075;--line:#dce7de;--lime:#d7ffad;font-family:"DM Sans",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--ivory);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#c4efca;color:#15392a}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.skip-link{position:absolute;top:-70px;left:12px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}
.site-nav{background:#fbfcf8;position:relative;z-index:25;border-bottom:1px solid #dce8df}.site-nav .container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:inline-flex;align-items:center;gap:11px;font:800 23px "Manrope",sans-serif;letter-spacing:-1.25px;color:var(--forest);white-space:nowrap}
.logo-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--forest);color:var(--mint);font-size:28px;line-height:1;box-shadow:0 7px 19px #123d3020}
.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:13px;font-weight:700;color:#486357;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:#078b63}
.nav-actions{display:flex;align-items:center;gap:13px}.nav-actions .login-button{border:1px solid #a9cbb8;border-radius:10px;padding:12px 18px;background:#fff;color:#145940;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:12px;box-shadow:0 2px 8px #234e3710}.login-button:hover{background:#edf8f0}
.nav-actions .login-button:after{content:"↗";font-size:17px;line-height:1}
.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;border:1px solid var(--line);border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:700}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav .mobile-links{position:absolute;right:0;top:47px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px #133d2d20;padding:10px;border-radius:12px;min-width:190px;display:grid;gap:5px}.mobile-links a{padding:11px;border-radius:8px;font-weight:700;font-size:13px}.mobile-links a:hover{background:#eef8f1}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,#1d6855 0%,transparent 34%),linear-gradient(140deg,#102d26 0%,#0e4538 66%,#145441 100%);color:#fff;isolation:isolate}
.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;border:1px solid #cbefcf26;border-radius:50%;z-index:-1}.hero:before{width:670px;height:670px;top:-340px;right:-230px}.hero:after{width:480px;height:480px;top:-240px;right:-115px;background:#b7ecc906}
.hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.03fr);align-items:center;gap:50px;padding:93px 0 96px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b8eace;font-weight:800;letter-spacing:.105em;text-transform:uppercase;font-size:11px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#b7ecc9;box-shadow:0 0 0 5px #b7ecc91c}
h1,h2,h3,h4,p{margin-top:0}.hero h1{font:800 clamp(42px,4.7vw,69px)/1.09 "Manrope",sans-serif;letter-spacing:-.065em;margin:25px 0 22px;max-width:680px}
.hero h1 em{font-style:normal;color:var(--mint)}.hero-copy{color:#d1e4d9;line-height:1.85;font-size:16px;max-width:505px}
.hero-actions,.cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:33px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;padding:15px 22px;font-weight:800;font-size:13px;min-height:49px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}
.button-mint{background:var(--mint);color:#123a2a;box-shadow:0 10px 30px #061f191b}.button-mint:hover{background:#d0f8dc}
.button-outline{border:1px solid #a4cabc7e;color:#f4fff8}.button-outline:hover{background:#e6faec17}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#185a45}
.hero-footnote{font-size:12px;color:#b0c8bb;margin-top:33px;display:flex;align-items:center;gap:9px}
.hero-footnote:before{content:"✓";width:23px;height:23px;border:1px solid #b5e4be78;border-radius:50%;display:grid;place-items:center;color:#b6edbd}
.visual-shell{position:relative;padding:24px 0 16px 9px;filter:drop-shadow(0 38px 48px #001d154f)}.visual-shell:before{content:"";position:absolute;inset:10px -17px -5px 21px;border:1px solid #dcfbe722;border-radius:20px;transform:rotate(4deg)}
.dashboard{position:relative;background:#f7faf6;border-radius:14px;overflow:hidden;color:#1c3b2b;border:1px solid #d6eade;box-shadow:0 0 0 7px #e6f9ed14;display:grid;grid-template-columns:112px 1fr;min-height:394px;transform:rotate(-1.6deg)}
.dash-sidebar{background:#123b2f;padding:20px 9px;color:#e2f6e8;display:flex;flex-direction:column;gap:12px}
.dash-mark{display:flex;align-items:center;gap:6px;font:800 9px "Manrope";margin-bottom:30px}.dash-mark span{font-size:20px;color:#b7ecc9}
.dash-side-item{font-weight:700;font-size:8px;color:#aacbbc;padding:8px;border-radius:7px}.dash-side-item.active{background:#d1ffdd20;color:#fff}.dash-side-badge{margin-top:auto;border:1px solid #b7eac92b;border-radius:8px;padding:10px 7px;color:#bcded0;font-size:7px}
.dash-content{padding:20px 17px 22px;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;font-size:9px;font-weight:800}.dash-top small{font-size:8px;color:#819a8c}.dash-pill{background:#e7f4e9;border:1px solid #c9e8d5;border-radius:6px;padding:6px 8px;font-size:8px}
.dash-hello{font:800 17px "Manrope";letter-spacing:-.5px;margin-bottom:4px}.dash-desc{font-size:8px;color:#82988d;margin-bottom:16px}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dash-kpi{background:#fff;border:1px solid #e2ebe3;border-radius:8px;padding:12px 10px}.dash-kpi span{display:block;font-size:7px;color:#85988b}.dash-kpi strong{display:block;font:800 17px "Manrope";margin-top:5px}.dash-kpi em{display:block;font-size:7px;color:#17966a;font-style:normal;margin-top:4px}
.dash-chart{background:#fff;border:1px solid #e2ebe3;border-radius:8px;margin-top:8px;padding:13px 12px 9px}.dash-chart-title{display:flex;justify-content:space-between;font-weight:800;font-size:9px}.dash-chart-title span{font-size:8px;color:#729181}.bars{display:flex;align-items:flex-end;gap:12px;height:102px;padding:16px 12px 0;border-bottom:1px solid #e2ece5}.bars span{display:block;flex:1;min-width:10px;background:linear-gradient(180deg,#4dc58e,#9ce5b5);border-radius:4px 4px 0 0}.bars span:nth-child(3n+2){background:linear-gradient(180deg,#197c58,#70b994)}.bar-labels{display:flex;justify-content:space-around;font-size:7px;color:#91a69b;margin-top:7px}
.dash-list{background:#fff;border:1px solid #e2ebe3;border-radius:8px;margin-top:8px;padding:10px 12px}.dash-list-head,.dash-list-row{display:grid;grid-template-columns:1.3fr 1fr 50px;align-items:center;gap:7px}.dash-list-head{font-size:8px;font-weight:800;margin-bottom:7px}.dash-list-row{font-size:8px;padding:6px 0;border-top:1px solid #edf2ee}.dash-meter{height:5px;border-radius:8px;background:#e9f2ea;overflow:hidden}.dash-meter i{display:block;height:100%;background:#32b47c;border-radius:8px}.dash-list-row strong{color:#27785a;text-align:right}
.mock-disclaimer{position:absolute;bottom:0;right:10px;background:#f8fffac9;color:#58725f;border-radius:7px;padding:5px 8px;font-size:9px;transform:rotate(-1.6deg)}
.trust-bar{background:#f0f5ef;border-bottom:1px solid var(--line);padding:26px 0}.trust-bar .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}.trust-label{color:#779184;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.trust-items{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.trust-item{font:800 16px "Manrope";letter-spacing:-.5px;color:#557165}.trust-item small{display:block;font:600 9px "DM Sans";color:#8ca399;letter-spacing:0;margin-top:1px}
.section{padding:110px 0}.section-cream{background:#f8faf6}.section-white{background:#fff}.section-dark{background:var(--forest);color:#fff}
.section-head{max-width:700px;margin-bottom:42px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#23865e;margin-bottom:18px}.section-dark .section-label{color:#b1e3c3}
.section h2,.cta h2{font:800 clamp(30px,3.6vw,48px)/1.18 "Manrope",sans-serif;letter-spacing:-.048em;margin-bottom:17px}.section-head p,.section-intro{color:#6b8175;font-size:15px;line-height:1.85;max-width:645px}.section-dark .section-head p{color:#c0d5c9}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature{background:#fff;border:1px solid #e0eae2;border-radius:17px;padding:28px;min-height:257px;box-shadow:0 15px 35px #16382808}
.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e9f7eb;color:#177652;font-size:25px;font-weight:700;margin-bottom:24px}.feature h3{font:800 17px "Manrope";letter-spacing:-.4px;margin-bottom:11px}.feature p{color:#71877b;line-height:1.78;font-size:13px}
.feature.large{background:#153f32;color:#fff;border-color:#285a44}.feature.large .feature-icon{background:#b7ecc9;color:#11432f}.feature.large p{color:#c7dfcf}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step{border-top:1px solid #5e917a;padding-top:24px;position:relative}.step-index{font:800 45px "Manrope";color:#a5edbf;line-height:1;margin-bottom:26px}.step h3{font:800 19px "Manrope";letter-spacing:-.4px}.step p{color:#bdd5c6;line-height:1.8;font-size:13px}
.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration{background:#fff;border:1px solid #deebe0;padding:24px;border-radius:14px;display:flex;flex-direction:column;gap:10px}.integration-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.integration strong{font:800 22px "Manrope";letter-spacing:-.7px}.integration p{margin:0;font-size:13px;color:#6f897b;line-height:1.7}.integration-status{font-size:10px;white-space:nowrap;font-weight:800;color:#855a25;background:#fff3db;padding:6px 8px;border-radius:5px}.integration-status.live{background:#e1f5e7;color:#137443}.integration-note{margin-top:24px;padding:16px 20px;border-left:3px solid #58ac7f;background:#f0f7f1;color:#536d5e;font-size:12px;line-height:1.75}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.story{display:flex;flex-direction:column;background:#fff;border:1px solid #e0ece3;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.story:hover{transform:translateY(-4px);box-shadow:0 17px 32px #123b2720}.story-art{height:160px;position:relative;overflow:hidden;background:linear-gradient(135deg,#154436,#418b66);padding:26px}.story-art:before,.story-art:after{content:"";position:absolute;border:1px solid #efffdf40;border-radius:50%;width:230px;height:230px;right:-55px;top:-115px}.story-art:after{width:135px;height:135px;right:2px;top:-64px;background:#e8ffd510}.story-art b{position:relative;z-index:1;color:#def8db;font:800 44px "Manrope";letter-spacing:-2px}.story:nth-child(2) .story-art{background:linear-gradient(130deg,#163428,#608666)}.story:nth-child(3) .story-art{background:linear-gradient(130deg,#235b46,#0b302a)}.story-body{padding:23px;flex:1;display:flex;flex-direction:column}.story-meta{font-size:10px;color:#16805b;font-weight:800;letter-spacing:.065em;text-transform:uppercase;margin-bottom:12px}.story h3{font:800 17px/1.42 "Manrope";letter-spacing:-.5px}.story p{font-size:12px;color:#708578;line-height:1.8}.story-link{margin-top:auto;font-size:12px;font-weight:800;color:#147851;padding-top:12px}.text-link{font-size:13px;color:#106d50;font-weight:800;display:inline-flex;gap:9px;align-items:center;margin-top:28px}
.cta{background:linear-gradient(120deg,#103428,#145943);color:#fff;padding:80px 0;position:relative;overflow:hidden}.cta:after{position:absolute;content:"";width:500px;height:500px;border-radius:50%;border:1px solid #abdbb830;right:-100px;top:-280px;pointer-events:none}.cta .container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px}.cta h2{max-width:660px;margin-bottom:10px}.cta p{color:#bdd6c6;margin:0;line-height:1.7}.cta-actions{margin-top:0;flex-shrink:0}
.footer{padding:38px 0 28px;background:#0b251f;color:#c7d9ce}.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}.footer .logo{color:#fff;font-size:21px}.footer .logo-symbol{background:#b7ecc9;color:#153b29;width:35px;height:35px;font-size:23px}.footer-nav{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;font-weight:700;color:#a6c1b2}.footer-nav a:hover{color:#fff}.footer-small{border-top:1px solid #63816f45;margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#8fa999}
.page-hero{background:linear-gradient(140deg,#12382d,#0e4939);color:#fff;padding:81px 0 85px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-180px;top:-260px;width:570px;height:570px;border:1px solid #d7f9df22;border-radius:50%;pointer-events:none}.page-hero .section-label{color:#b6e6c5}.page-hero h1{font:800 clamp(38px,5vw,62px)/1.14 "Manrope";letter-spacing:-.055em;max-width:850px;margin:0 0 22px}.page-hero p{max-width:685px;color:#cee2d4;line-height:1.85;font-size:16px}
.breadcrumb{color:#9dbfab;font-size:12px;display:flex;gap:9px;margin-bottom:30px}.breadcrumb a:hover{color:#fff}.blog-main{padding:76px 0 105px}.blog-intro{display:flex;justify-content:space-between;align-items:baseline;gap:22px;margin-bottom:27px}.blog-intro h2{font:800 26px "Manrope";letter-spacing:-.7px;margin:0}.blog-intro p{font-size:12px;color:#809587;margin:0}
.article-wrap{max-width:790px;margin:0 auto;padding:72px 0 90px}.article-meta{font-size:12px;color:#648473;font-weight:700;margin-bottom:32px;display:flex;gap:12px;flex-wrap:wrap}.article-wrap .lead{font-size:20px;line-height:1.75;color:#385745;font-weight:600}.article-wrap h2{font:800 27px/1.3 "Manrope";letter-spacing:-.6px;margin:49px 0 20px}.article-wrap p,.article-wrap li{font-size:15px;color:#4d6859;line-height:1.95}.article-wrap ul{padding-left:24px}.article-wrap li{margin-bottom:12px}.article-wrap a:not(.button){text-decoration:underline;text-underline-offset:3px;color:#107a56}.article-callout{background:#e8f5e9;border-left:4px solid #2eac73;padding:22px 25px;margin:36px 0;border-radius:0 10px 10px 0;font-weight:700;color:#245641;line-height:1.8}.article-actions{margin-top:60px;border-top:1px solid #dce8de;padding-top:30px}
@media(max-width:1010px){.hero .container{grid-template-columns:1fr;gap:20px;padding:79px 0}.hero h1{max-width:720px}.visual-shell{max-width:650px;margin:10px auto 0;width:100%}.nav-links{gap:17px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 34px,560px)}.site-nav .container{min-height:70px}.nav-links{display:none}.mobile-nav{display:block}.logo{font-size:20px}.logo-symbol{width:37px;height:37px;font-size:25px}.nav-actions{gap:7px}.nav-actions .login-button{padding:10px 13px;font-size:12px}.hero .container{padding:68px 0 63px}.hero h1{font-size:clamp(38px,9vw,54px)}.hero-copy{font-size:15px}.visual-shell{padding:10px 0;max-width:485px}.dashboard{min-height:320px;grid-template-columns:80px 1fr}.dash-content{padding:15px 10px}.dash-sidebar{padding:15px 7px}.dash-kpi{padding:8px 6px}.dash-kpi strong{font-size:13px}.dash-kpis{gap:5px}.dash-side-item{font-size:7px}.dash-hello{font-size:14px}.dash-chart{padding:10px}.bars{height:75px;gap:7px}.dash-list{padding:8px}.section{padding:77px 0}.feature-grid,.steps,.integration-grid,.story-grid{grid-template-columns:1fr}.feature{min-height:unset;padding:23px}.trust-bar .container{gap:12px}.trust-items{gap:18px}.trust-item{font-size:14px}.cta{padding:64px 0}.cta .container{align-items:flex-start;flex-direction:column}.footer-top{align-items:flex-start;flex-direction:column}.page-hero{padding:64px 0}.blog-main{padding:50px 0 75px}.article-wrap{padding:50px 0 72px}.article-wrap h2{font-size:24px}.article-wrap .lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Páginas de captación SEO: coherencia visual con login y sitio comercial. */
.seo-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 94% 10%,#246b52 0%,transparent 44%),linear-gradient(140deg,#102f28,#0f493b);color:#fff;overflow:hidden}
.seo-hero:before,.seo-hero:after{position:absolute;z-index:-1;pointer-events:none;content:"";width:570px;height:570px;border:1px solid #b7ecc926;border-radius:50%;right:-170px;top:-330px}
.seo-hero:after{width:370px;height:370px;right:-80px;top:-220px;background:#b7ecc908}
.seo-hero .container{padding-top:29px;padding-bottom:90px}
.seo-crumb{font-size:11px;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:70px;color:#d4ecdd}
.seo-crumb a{text-decoration:underline;text-decoration-color:#ffffff55;text-underline-offset:3px}
.seo-hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.85fr);gap:78px;align-items:center}
.seo-kicker{display:inline-flex;align-items:center;gap:11px;color:#beeccb;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
.seo-kicker-dot{width:8px;height:8px;background:#b7ecc9;box-shadow:0 0 0 5px #b7ecc921;border-radius:50%}
.seo-hero h1{font:800 clamp(37px,4.4vw,58px)/1.12 "Manrope",sans-serif;letter-spacing:-.06em;margin:21px 0 22px}
.seo-hero-layout>div:first-child>p,.seo-hub-heading>p{max-width:660px;color:#d1e5d8;font-size:16px;line-height:1.9;margin:0}
.seo-hero .button-outline:hover{background:#ffffff1d}
.seo-diagram{border:1px solid #e3f9e94c;border-radius:18px;padding:24px;background:#f6fffafa;box-shadow:0 25px 60px #00181145;color:#173a2a;transform:rotate(1.7deg)}
.seo-diagram-meta{display:block;color:#6b947c;letter-spacing:.095em;font-size:10px;font-weight:800;margin-bottom:22px}
.seo-diagram-top{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #daeee0;padding:15px;border-radius:12px;box-shadow:0 8px 18px #164a2e0c}
.seo-diagram-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#e4f7e9;color:#267f58;font-size:22px;flex:none}
.seo-diagram-top div{display:grid;gap:4px;flex:1;min-width:0}
.seo-diagram-top strong{font-size:12px;font-weight:800}
.seo-diagram-top small{font-size:10px;color:#698579;line-height:1.4}
.seo-diagram-top>span:last-child{font-size:10px;color:#93b6a0;font-weight:800}
.seo-diagram-link{height:18px;width:1px;background:#aed9c0;margin-left:32px}
.seo-diagram-caption{display:block;font-size:10px;color:#688573;text-align:right;margin-top:17px}
.seo-content{padding:99px 0 104px;background:#fff}
.seo-detail-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,295px);justify-content:space-between;gap:75px}
.seo-main-copy{min-width:0}.seo-intro-title{font:800 clamp(29px,3vw,41px)/1.22 "Manrope";letter-spacing:-.048em;color:#153f32;margin-bottom:16px}
.seo-intro{font-size:16px;color:#5f7a6b;line-height:1.9;margin-bottom:53px}
.seo-detail-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;border-top:1px solid #e0eae2;padding:38px 0}
.seo-detail-section:first-of-type{border-top:0}.seo-section-number{font:800 15px "Manrope";color:#40a36c;padding-top:4px}
.seo-detail-section h2{font:800 clamp(20px,2.2vw,27px)/1.35 "Manrope";letter-spacing:-.036em;color:#153b30;margin-bottom:17px}
.seo-detail-section p{font-size:14px;line-height:1.96;color:#566e61;margin:0 0 14px}
.seo-checklist{margin:23px 0 7px;padding:0;list-style:none;display:grid;gap:13px}
.seo-checklist li{position:relative;color:#235741;font-size:13px;font-weight:700;line-height:1.7;padding-left:29px}
.seo-checklist li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;background:#dcf4e3;color:#18865b;border-radius:50%;width:19px;height:19px;font-size:11px}
.seo-aside{align-self:start;position:sticky;top:20px;display:grid;gap:17px}
.seo-status{background:linear-gradient(145deg,#eaf7ed,#f8fbf6);padding:27px;border:1px solid #d7e9de;border-radius:17px}
.seo-status:before{content:"◎";display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#c6ecd3;color:#195f40;font-size:26px;margin-bottom:23px}
.seo-status strong{font:800 17px "Manrope";line-height:1.45;display:block;margin-bottom:11px;color:#173f2f}
.seo-status p{font-size:12px;line-height:1.85;color:#527461;margin:0}
.seo-aside-links{background:#fcfdfb;border:1px solid #e2ece4;border-radius:16px;padding:25px}
.seo-aside-links h3{font:800 13px "Manrope";margin:0 0 15px;color:#244e3b}
.seo-aside-links a{display:block;padding:11px 0;border-top:1px solid #e4eee7;font-size:12px;font-weight:700;color:#137750}
.seo-faq{padding:93px 0;background:#f4f8f3}
.seo-title-row{max-width:790px;margin-bottom:34px}
.seo-title-row h2{font:800 clamp(27px,3vw,40px)/1.25 "Manrope";letter-spacing:-.05em;color:#193d2e;margin:0}
.seo-faq-list{max-width:870px;display:grid;gap:12px}
.seo-faq-list details{background:#fff;border:1px solid #dbeae0;border-radius:12px;padding:0 23px}
.seo-faq-list summary{cursor:pointer;padding:19px 0;color:#1d4635;font-weight:800;font-size:14px;list-style-position:inside}
.seo-faq-list p{font-size:13px;color:#607a6c;line-height:1.85;padding:0 0 22px;margin:0}
.seo-related{padding:94px 0;background:#fff}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seo-card{display:flex;flex-direction:column;border:1px solid #dae9df;border-radius:17px;padding:28px;min-height:262px;background:#fdfefb;transition:transform .2s,box-shadow .2s,border-color .2s}
.seo-card:hover,.seo-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 35px #0e47392a;border-color:#90caaa}
.seo-card-eyebrow{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:#25966a;margin-bottom:21px}
.seo-card h3{font:800 18px/1.4 "Manrope";letter-spacing:-.038em;color:#153c2d;margin-bottom:13px}
.seo-card p{color:#648173;font-size:12.5px;line-height:1.75}
.seo-card-link{margin-top:auto;padding-top:23px;color:#147951;font-size:12px;font-weight:800}
.seo-cta-section{background:#eff6ef;padding:0 0 90px}
.seo-cta{background:radial-gradient(circle at 100% 0%,#246d50,transparent 40%),linear-gradient(135deg,#11352b,#165742);border-radius:21px;padding:57px 60px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:27px}
.seo-cta .section-label{color:#b7ecc9}.seo-cta h2{font:800 clamp(25px,3vw,37px)/1.2 "Manrope";letter-spacing:-.05em;max-width:580px;margin-bottom:13px}
.seo-cta p{font-size:13px;color:#c0dccb;line-height:1.7;max-width:560px;margin:0}
.seo-cta-buttons{display:grid;gap:11px;min-width:194px}
.seo-cta .button{white-space:nowrap}
.seo-hub-heading{max-width:860px;margin:0 auto;text-align:center;padding:5px 0 21px}
.seo-hub-heading .hero-actions{justify-content:center}
.seo-hub-hero .container{padding-bottom:80px}
.seo-hub-body{padding:95px 0;background:#fbfcf8}
.seo-hub-body .seo-title-row{max-width:750px}
.seo-hub-body .seo-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-proof-grid{margin-top:49px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.seo-proof-grid>div{padding:21px;background:#e8f5ea;border-radius:13px;min-height:110px}
.seo-proof-grid strong{font:800 20px "Manrope";color:#187954;display:block;margin-bottom:10px}
.seo-proof-grid span{font-size:11px;color:#466c53;font-weight:700;line-height:1.6}
.seo-hub-note{margin:35px auto 0;max-width:900px;color:#5c7966;font-size:13px;line-height:1.85}
@media(max-width:980px){.seo-hero-layout{grid-template-columns:1fr;gap:40px}.seo-diagram{max-width:570px;transform:none}.seo-detail-grid{grid-template-columns:minmax(0,1fr);gap:25px}.seo-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.seo-card-grid,.seo-hub-body .seo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-cta{padding:44px;flex-wrap:wrap}.seo-cta-buttons{display:flex;flex-wrap:wrap}.seo-proof-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.seo-hero .container{padding-top:22px;padding-bottom:56px}.seo-crumb{margin-bottom:42px}.seo-hero h1{font-size:clamp(32px,9vw,45px)}.seo-hero-layout>div:first-child>p,.seo-hub-heading>p{font-size:14px;line-height:1.8}.seo-diagram{padding:15px}.seo-content{padding:60px 0}.seo-detail-section{grid-template-columns:1fr;gap:7px;padding:30px 0}.seo-section-number{padding:0}.seo-aside{grid-template-columns:1fr}.seo-faq,.seo-related,.seo-hub-body{padding:60px 0}.seo-card-grid,.seo-hub-body .seo-card-grid{grid-template-columns:1fr}.seo-card{min-height:auto}.seo-proof-grid{grid-template-columns:1fr 1fr}.seo-cta{padding:32px 23px;border-radius:15px}.seo-cta-buttons{display:grid;width:100%}.seo-cta-section{padding-bottom:60px}.seo-diagram-top strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.seo-card,.button{transition:none}}

/* Enlaces editoriales entre el blog y las páginas de producto. */
.home-solutions{background:#fdfefa}.home-solutions .seo-card-grid{margin-bottom:7px}
.integration-links{display:flex;flex-wrap:wrap;gap:13px 19px;margin-top:25px}.integration-links a{color:#15714f;font-size:12px;font-weight:800;border-bottom:1px solid #b9d8c4;padding-bottom:5px}.integration-links a:hover{color:#0a4631}
.seo-blog-end{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:34px 0 10px}.seo-blog-end p{color:#315a43;font-size:16px;font-weight:800;margin:0}
.seo-old-blog-links{display:flex;align-items:center;gap:10px 19px;flex-wrap:wrap;padding:19px 0;margin:20px 0;border-top:1px solid #dfe8dd;border-bottom:1px solid #dfe8dd}.seo-old-blog-links strong{font-size:12px;color:#225a3d}.seo-old-blog-links a{font-size:12px;color:#15815a;font-weight:800}
@media(max-width:640px){.integration-links{flex-direction:column;align-items:flex-start}.seo-blog-end{align-items:flex-start}}