/* GENERADO por scripts/convertir.mjs desde la exportación de diseño. No editar a mano. */
.logo{display:block;height:40px;width:75px;background:url(assets/logo.png) no-repeat center/contain}
.logo.f{height:30px;width:56px;filter:brightness(0) invert(1)}
body{margin:0}
a{color:#2F7A5F}a:hover{color:#275E3B}
.pg{font-family:'Inter',system-ui,sans-serif;color:#142234;background:#F8FAFB;line-height:1.55;font-size:16px}
.pg h1,.pg h2,.pg h3{font-family:'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-0.02em;margin:0;color:#142234}
.w{max-width:1160px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.sec{padding:88px 0}
.eyebrow{display:inline-block;background:#EDF8F1;color:#275E3B;font-weight:500;font-size:14px;padding:6px 14px;border-radius:999px}
.h2{font-size:38px;line-height:1.15;font-weight:700}
.lead{color:#5B6B80;font-size:18px;max-width:640px;margin:14px 0 0}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:40px}
.card{background:#fff;border:1px solid #E2E7EE;border-radius:12px;padding:26px}
.card h3{font-size:19px;font-weight:700;margin-bottom:8px}
.card p{margin:0;color:#5B6B80;font-size:15px}
.card ul{margin:10px 0 0;padding:0;list-style:none}
.card li{font-size:15px;padding:7px 0;border-top:1px solid #E2E7EE}
.card li b{font-weight:500;color:#142234}
.card li span{color:#5B6B80}
.btn{display:inline-block;background:#2F7A5F;color:#fff;text-decoration:none;font-weight:500;padding:14px 24px;border-radius:12px;min-height:20px}
.btn:hover{background:#275E3B;color:#fff}
.btn2{display:inline-block;background:#fff;color:#142234;text-decoration:none;font-weight:500;padding:13px 24px;border-radius:12px;border:1px solid #E2E7EE}
.btn2:hover{color:#142234;border-color:#65758B}
.dark{background:#112840;color:#fff}
.dark h2,.dark h3{color:#fff}
.dark .lead{color:#C5D0DD}
.dcard{background:#1F3A57;border-radius:12px;padding:24px}
.dcard h3{font-size:18px;margin-bottom:6px}
.dcard p{margin:0;color:#C5D0DD;font-size:15px}
.step{display:flex;align-items:center;gap:10px}
.pl{display:flex;flex-direction:column}
.pl li:before{content:"\2713";color:#409173;font-weight:700;margin-right:10px}
.pl .pr{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:40px;letter-spacing:-0.02em;color:#142234}
.pl .inc{font-weight:500;font-size:14px;margin:18px 0 0}
.pl ul{margin-bottom:24px}
.pl .btn,.pl .btn2{margin-top:auto;text-align:center}
.m{color:#5B6B80}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:72px}
header.nav{position:sticky;top:0;z-index:50;transition:box-shadow .3s ease}
.grid>.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.grid>.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(17,40,64,.08);border-color:#409173}
.btn,.btn2{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(47,122,95,.25)}
.btn2:hover{transform:translateY(-2px)}
.nav a.l.on{color:#2F7A5F;box-shadow:inset 0 -2px 0 #409173}
.mm{display:none}
.mm summary{list-style:none;cursor:pointer;border:1px solid #E2E7EE;border-radius:12px;padding:10px 14px;font-weight:500}
.mm summary::-webkit-details-marker{display:none}
.mm .mmb{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #E2E7EE;padding:8px 24px 16px;display:grid}
.mm .mmb a{padding:12px 0;color:#142234;text-decoration:none;border-top:1px solid #E2E7EE}
.wf .row6{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px}
.wf .ln{position:absolute;left:8%;right:8%;top:27px;height:2px;background:#E2E7EE}
.wf .ln:after{content:"";position:absolute;inset:0;background:#409173;transform-origin:left}
.wf .nd{position:relative;text-align:center}
.wf .dot{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid #409173;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#275E3B;position:relative}
.wf .nd b{display:block;font-weight:500}
.wf .nd span{display:block;font-size:14px;color:#5B6B80}
.hero{position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:560px;height:560px;right:-140px;top:-180px;background:radial-gradient(circle,rgba(64,145,115,.16),rgba(64,145,115,0) 65%);pointer-events:none}
.hero:after{content:"";position:absolute;width:480px;height:480px;left:-160px;bottom:-200px;background:radial-gradient(circle,rgba(53,162,212,.12),rgba(53,162,212,0) 65%);pointer-events:none}
.hero .w{position:relative;z-index:1}
@media (max-width:760px){.mm{display:block}.wf .ln{display:none}.wf .row6{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:no-preference){
@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes gr{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dr{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes ring{0%,100%{box-shadow:0 0 0 0 rgba(64,145,115,0)}50%{box-shadow:0 0 0 5px rgba(64,145,115,.14)}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-24px,18px)}}
@keyframes nv{from{box-shadow:0 0 0 rgba(17,40,64,0)}to{box-shadow:0 4px 16px rgba(17,40,64,.08)}}
.hero .w>div:first-child>*{animation:fu .7s cubic-bezier(.2,.7,.2,1) both}
.hero .w>div:first-child>*:nth-child(2){animation-delay:.1s}
.hero .w>div:first-child>*:nth-child(3){animation-delay:.2s}
.hero .w>div:first-child>*:nth-child(4){animation-delay:.3s}
.hero .w>.card{animation:fu .8s .25s both,fl 7s 1.2s ease-in-out infinite}
.hero .card div[style*="height:8px"]{transform-origin:left;animation:gr 1.2s .6s cubic-bezier(.2,.7,.2,1) both}
.hero:before{animation:drift 16s ease-in-out infinite}
.feat{animation:ring 4s ease-in-out infinite}
details.q[open] p{animation:dr .3s ease}
.mm[open] .mmb{animation:dr .25s ease}
.anim .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.anim .rv.in{opacity:1;transform:none}
.anim .wf .nd{opacity:0;transform:scale(.92);transition:opacity .5s ease,transform .5s ease}
.anim .wf.in .nd{opacity:1;transform:none;transition-delay:calc(var(--i)*.18s + .2s)}
.anim .wf .ln:after{transform:scaleX(0);transition:transform 1.2s ease .3s}
.anim .wf.in .ln:after{transform:scaleX(1)}
@supports (animation-timeline:scroll()){header.nav{animation:nv linear both;animation-timeline:scroll();animation-range:0 120px}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tw{overflow-x:auto;background:#fff;border:1px solid #E2E7EE;border-radius:12px;margin-top:40px}
.tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:680px}
.tbl th,.tbl td{padding:12px 14px;border-top:1px solid #E2E7EE;text-align:center}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl thead th{border-top:0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;background:#F2F5F8}
.tbl .ok{color:#275E3B;font-weight:700}
.tbl .no{color:#65758B;background:#F2F5F8}
.fld{display:block;font-size:14px;font-weight:500;margin:14px 0 6px}
.fi{width:100%;box-sizing:border-box;border:1px solid #E2E7EE;border-radius:12px;padding:12px 14px;font:inherit;background:#fff;color:#142234;min-height:44px}
.fi:focus{outline:2px solid #409173;outline-offset:1px}
details.q{background:#fff;border:1px solid #E2E7EE;border-radius:12px;padding:16px 20px;margin-top:12px}
details.q summary{cursor:pointer;font-weight:500;min-height:24px}
details.q p{margin:10px 0 0;color:#5B6B80}
.feat{border:2px solid #409173}
.pl .pr.sm{font-size:28px}
.pl{transition:transform .2s ease,box-shadow .2s ease}
.pl:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(17,40,64,.08)}
@media (prefers-reduced-motion:reduce){.pl{transition:none}.pl:hover{transform:none}}
button:focus-visible,a:focus-visible{outline:2px solid #409173;outline-offset:2px}

.pd{background:#112840;border-color:#112840;color:#C5D0DD}
.pd h3,.pd .pr{color:#fff}
.pd p,.pd li,.pd .m{color:#C5D0DD}
.pd li{border-color:#1F3A57}
.chip{background:#fff;border:1px solid #E2E7EE;border-radius:12px;padding:12px 16px;font-weight:500;font-size:15px}
.nav a.l{color:#142234;text-decoration:none;font-size:15px;margin-right:24px}
.nav a.l:hover{color:#2F7A5F}
@media (max-width:760px){.h1{font-size:34px!important}.h2{font-size:30px}.nav .links{display:none}.sec{padding:60px 0}}