body{--c:var(--eje-agro)}.page-hero .hero-bg{background:radial-gradient(110% 90% at 100% 0%, color-mix(in srgb, var(--c) 38%, var(--abismo)) 0%, var(--abismo) 62%), var(--abismo);transition:background .6s}.page-hero h1 .sub{letter-spacing:-.01em;margin-top:.25em;font-size:.36em;font-weight:300;font-stretch:70%;display:block}@media (width<=600px){.page-hero h1{overflow-wrap:break-word;hyphens:auto;font-size:clamp(32px,9.4vw,56px);font-stretch:100%}}.eje-window{border:1px solid #ffffff24;border-radius:18px;height:150px;position:relative;overflow:hidden}.eje-window span:not(.art){z-index:1;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:color-mix(in srgb, var(--abismo) 55%, transparent);border-radius:999px;padding:5px 9px;font-size:11px;font-stretch:87.5%;position:absolute;bottom:12px;left:14px}.eje-window .art{position:absolute;inset:0}.axis-switch{top:calc(72px + env(safe-area-inset-top,0px));z-index:40;background:color-mix(in srgb, var(--espuma) 90%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea);position:sticky}.axis-in{align-items:center;gap:14px;padding-block:10px;display:flex}.axis-in .lbl{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);white-space:nowrap;font-size:11px;font-stretch:87.5%}.seg{background:color-mix(in srgb, var(--abismo) 8%, transparent);scrollbar-width:none;border-radius:999px;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg a{--k:var(--tinta);font:600 14.5px var(--f-body);color:var(--tinta);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.seg a:before{content:"";background:var(--k);border-radius:50%;width:8px;height:8px}.seg a:hover{background:color-mix(in srgb, var(--k) 18%, transparent)}.seg a[aria-current=true]{background:var(--abismo);color:#fff}.axis-in .nxt{color:var(--marea);white-space:nowrap;margin-left:auto;font-size:14px;font-weight:700;text-decoration:none}@media (width<=640px){.axis-in .lbl,.axis-in .nxt{display:none}.seg a{padding:8px 12px;font-size:14px}}#productos,#donde,#oportunidades,#en-agenda{scroll-margin-top:140px}.swap{animation:.5s cubic-bezier(.2,.8,.2,1) entra}@keyframes entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.prod{border-top:4px solid var(--c)}.prod .det-btn{font:700 14px var(--f-body);color:var(--marea);cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:4px;padding:0}.prod .det-btn:after{content:" +"}.prod .det-btn[aria-expanded=true]:after{content:" −"}.prod .list-check{border-top:1px solid var(--linea);padding-top:10px;font-size:14.5px}.enfoque-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:32px 48px;display:grid}.enfoque-grid.solo{grid-template-columns:1fr}@media (width<=860px){.enfoque-grid{grid-template-columns:1fr}}.quote{font-family:var(--f-display);letter-spacing:-.01em;border-left:4px solid var(--c);margin:0;padding-left:22px;font-size:clamp(26px,3.2vw,44px);font-weight:700;font-stretch:105%;line-height:1.12}.quote em{color:var(--c);font-style:normal}.pillars{gap:12px;display:grid}.pillars .card{grid-template-columns:48px minmax(0,1fr);column-gap:14px}.pillars .card>*{grid-column:2}.pillars .card .n{font-family:var(--f-display);color:var(--c);grid-area:1/1/span 2;font-size:30px;font-weight:900;font-stretch:120%;line-height:1}.pillars h3{font-size:21px}.place-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px;margin-bottom:24px;display:grid}.place-list button{text-align:left;border:1.5px solid var(--linea);cursor:pointer;font:inherit;color:var(--tinta);background:#fff;border-radius:16px;gap:2px;padding:14px 16px;transition:border-color .2s,transform .2s;display:grid}.place-list button:hover{border-color:var(--c);transform:translateY(-2px)}.place-list button[aria-pressed=true]{border-color:var(--abismo);box-shadow:inset 0 0 0 1.5px var(--abismo)}.place-list b{align-items:center;gap:8px;font-size:16px;display:flex}.place-list b:before{content:"";background:var(--c);border-radius:50%;flex-shrink:0;width:9px;height:9px}.place-list small{color:var(--tinta-suave);padding-left:17px;font-size:13.5px}[data-mount=map]{scroll-margin-top:140px}.ag-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.x-raices{background:radial-gradient(ellipse 12% 24% at 30% 62%, var(--cacao) 0 60%, transparent 62%), radial-gradient(ellipse 10% 20% at 52% 70%, var(--eje-agro) 0 60%, transparent 62%), radial-gradient(ellipse 11% 22% at 72% 60%, var(--cacao) 0 60%, transparent 62%), linear-gradient(180deg, var(--turquesa) 0 34%, color-mix(in srgb, var(--cacao) 70%, var(--eje-agro)) 34%)}.x-crust{background:radial-gradient(ellipse 26% 16% at 46% 52%, var(--salina) 0 55%, color-mix(in srgb, var(--salina) 60%, var(--eje-agro)) 56% 66%, transparent 67%), repeating-linear-gradient(100deg, transparent 0 16px, color-mix(in srgb, var(--salina) 40%, transparent) 16px 18px), linear-gradient(180deg, var(--eje-pesca), var(--abismo))}.x-molus{background:radial-gradient(ellipse 16% 12% at 32% 44%, var(--abismo) 0 60%, var(--espuma) 61% 66%, transparent 67%), radial-gradient(ellipse 14% 10% at 64% 60%, var(--abismo) 0 60%, var(--salina) 61% 66%, transparent 67%), radial-gradient(ellipse 12% 9% at 44% 74%, var(--abismo) 0 60%, var(--espuma) 61% 66%, transparent 67%), linear-gradient(180deg, var(--eje-pesca), var(--marea))}.x-algas{background:repeating-linear-gradient(80deg, transparent 0 22px, var(--turquesa) 22px 26px, transparent 26px 40px) 0 30%/100% 70% no-repeat, linear-gradient(180deg, var(--eje-pesca) 0 30%, var(--marea) 30%, var(--abismo))}.x-puerto{background:linear-gradient(0deg, var(--abismo) 0 30%, transparent 30%), repeating-linear-gradient(90deg, transparent 0 30px, var(--eje-industria) 30px 70px, transparent 70px 84px) 0 58%/100% 14% no-repeat, radial-gradient(circle at 78% 26%, var(--sol) 0 7%, transparent 7.5%), linear-gradient(180deg, var(--cacao), var(--marea))}.x-mineral{background:conic-gradient(from 30deg at 34% 60%, var(--espuma) 0 18%, var(--sol) 18% 36%, transparent 36%), conic-gradient(from 200deg at 68% 54%, var(--eje-industria) 0 22%, var(--espuma) 22% 40%, transparent 40%), linear-gradient(160deg, var(--abismo), color-mix(in srgb, var(--eje-industria) 40%, var(--abismo)))}
