/* ---------- Scoffee Global · Flujos v8 ----------
   CSS de las vistas de la guía nueva en el área global/empresas/registro/cuenta.
   Generado desde la guía con a3/extcss.js (reglas que aplican a cada vista) y escrito bajo `.g8`
   para no alterar el resto de la web. No se edita a mano: se regenera con a3/build-css.py. */
:root{--paper:#fff;--lima-h:#8DC63F;--wa:#1FAF55;--noche-glow:#293218;--strip:#0F120A;--hero:#1A2109;--noche-2:#23291A;--noche-3:#2C3322;--star:#E0A526;--live:#E0452F;--ok:#3F7D1E;--ease:cubic-bezier(.2,.7,.2,1);--sh-card:0 22px 44px -26px rgba(38,46,16,.5);--sh-book:0 12px 34px -18px rgba(38,46,16,.38);--sh-pop:0 22px 48px -26px rgba(20,26,8,.55);--sh-soft:0 10px 28px -18px rgba(38,46,16,.35);--ink-3:#6B735E}
/* La guía no tiene el relleno lateral de <main class="wrap">: se compensa */
.g8{margin-inline:calc(-1*clamp(16px,2.6vw,48px))}
.g8 .g8-qrx{display:block;width:100%;height:100%}.g8 .g8-qrx svg{width:100%;height:100%;display:block}
:root{--i-logo:url("/iconos/g/n8/i-logo.webp");--i-s-verif:url("/iconos/g/n8/i-s-verif.png");--i-s-ia:url("/iconos/g/n8/i-s-ia.webp");--i-s-fund:url("/iconos/g/n8/i-s-fund.webp");--i-s-sello:url("/iconos/g/n8/i-s-sello.webp");--i-h1:url("/iconos/g/n8/i-h1.webp");--i-h2:url("/iconos/g/n8/i-h2.webp");--i-h3:url("/iconos/g/n8/i-h3.webp");--i-h4:url("/iconos/g/n8/i-h4.webp");--i-h5:url("/iconos/g/n8/i-h5.webp");--i-h6:url("/iconos/g/n8/i-h6.webp");--i-h7:url("/iconos/g/n8/i-h7.webp");--i-h8:url("/iconos/g/n8/i-h8.webp");--i-h9:url("/iconos/g/n8/i-h9.webp");--i-pr-cereza:url("/iconos/g/n8/i-pr-cereza.webp");--i-pr-pergamino:url("/iconos/g/n8/i-pr-pergamino.webp");--i-pr-verde:url("/iconos/g/n8/i-pr-verde.webp");--i-pr-tostado:url("/iconos/g/n8/i-pr-tostado.webp");--i-pr-molido:url("/iconos/g/n8/i-pr-molido.webp");--i-pr-excelso:url("/iconos/g/n8/i-pr-excelso.webp");--i-c-pulpa:url("/iconos/g/n8/i-c-pulpa.webp");--i-c-mucilago:url("/iconos/g/n8/i-c-mucilago.webp");--i-c-cascarilla:url("/iconos/g/n8/i-c-cascarilla.webp");--i-c-grano:url("/iconos/g/n8/i-c-grano.webp");--i-c-flor:url("/iconos/g/n8/i-c-flor.webp");--sol:url("/iconos/g/n8/sol.svg");}
/* ===== Empresas ===== */
.g8 img{max-width: 100%;}
.g8 [hidden]:not([hidden="until-found" i]){display: none !important;}
.g8,.g8 :where(:not(.rgx *))::before,.g8 :where(:not(.rgx *))::after{box-sizing: border-box;}
.g8 [hidden]:where(:not(.rgx *)){display: none !important;}
.g8 h1:where(:not(.rgx *)),.g8 h2:where(:not(.rgx *)),.g8 h3:where(:not(.rgx *)){font-family: var(--f-head); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0px; text-wrap: balance;}
.g8 p:where(:not(.rgx *)){margin: 0px;}
.g8 a:where(:not(.rgx *)){color: inherit; text-decoration: none;}
.g8 button:where(:not(.rgx *)),.g8 input:where(:not(.rgx *)),.g8 select:where(:not(.rgx *)),.g8 textarea:where(:not(.rgx *)){font: inherit; color: inherit;}
.g8 button:where(:not(.rgx *)){cursor: pointer; background: none; border: 0px; padding: 0px;}
.g8 img:where(:not(.rgx *)){max-width: 100%; display: block;}
.g8 svg:where(:not(.rgx *)){display: block; flex-shrink: 0;}
.g8 .wrap:where(:not(.rgx *)){max-width: 1560px; margin: 0px auto; padding-inline: clamp(16px, 2.6vw, 48px);}
.g8 .btn:where(:not(.rgx *)){display: inline-flex; align-items: center; justify-content: center; gap: 9px; background: var(--ink); color: rgb(255, 255, 255); border-radius: var(--pill); padding: 14px 26px; font-size: 14.5px; font-weight: 600; white-space: nowrap; border: 1px solid transparent; line-height: 1.1; transition: background-color 0.16s, border-color 0.16s, transform 0.16s;}
.g8 .btn svg:where(:not(.rgx *)){width: 17px; height: 17px; flex: 0 0 auto;}
.g8 .btn.lime:where(:not(.rgx *)){background: var(--lima); color: rgb(30, 42, 11); font-weight: 700;}
.g8 .btn.line:where(:not(.rgx *)){background: rgb(255, 255, 255); border-color: var(--line); color: var(--ink);}
.g8 .btn.full:where(:not(.rgx *)){width: 100%;}
@media (hover: hover) and (pointer: fine){.g8 .btn.lime:hover:where(:not(.rgx *)){background: var(--lima-h);}}
@media (hover: hover) and (pointer: fine){.g8 .btn:not(.lime):not(.line):not(.oro):not(.vidrio):not(.claro):not(.wa):hover:where(:not(.rgx *)){background: rgb(57, 68, 25);}}
@media (hover: hover) and (pointer: fine){.g8 .btn.line:hover:where(:not(.rgx *)){border-color: var(--ink); background: var(--cream);}}
.g8 .eyebrow:where(:not(.rgx *)){font-size: 12px; font-weight: 700; letter-spacing: 1.6px; color: var(--gold-ink); text-transform: uppercase; margin: 0px 0px 7px;}
.g8 .wrap:where(:not(.rgx *)){max-width: var(--maxw);}
@media (prefers-reduced-motion: reduce){.g8,.g8 :where(:not(.rgx *))::before,.g8 :where(:not(.rgx *))::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important;}}
@media (hover: hover) and (pointer: fine){.g8 .btn.line:hover{border-color: var(--line-h);}}
.g8 .og-page{padding-bottom: clamp(40px, 6vw, 80px);}
.g8 .btn{transition: transform 0.12s, background-color 0.2s, box-shadow 0.2s, border-color 0.2s;}
.g8 .btn:active{transform: scale(0.97);}
@keyframes scfIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@media (prefers-reduced-motion: reduce){.g8 .btn{transition: none;}}
@media (prefers-reduced-motion: reduce){.g8 .btn:active{transform: none;}}
@media (prefers-reduced-motion: reduce){.g8 :not([hidden]){animation: auto ease 0s 1 normal none running none;}}
.g8 .b2-hero{display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 0.9fr); gap: clamp(20px, 4vw, 56px); align-items: center; margin: -22px calc(50% - 50vw) 0px; padding: clamp(36px, 5vw, 72px) calc(-50% + 50vw); background: rgb(74, 101, 23); color: rgb(255, 255, 255);}
.g8 .b2-hero .eyebrow{color: rgb(232, 185, 58);}
.g8 .b2-hero h1{margin: 8px 0px 14px; font-family: var(--f-head); font-size: clamp(2rem, 1.3rem + 2.6vw, 3.3rem); line-height: 1.06; letter-spacing: -0.035em; color: rgb(255, 255, 255);}
.g8 .b2-lead{margin: 0px 0px 22px; max-width: 62ch; font-size: 16.5px; line-height: 1.6; color: rgba(255, 255, 255, 0.9);}
.g8 .b2-act{display: flex; flex-wrap: wrap; gap: 10px;}
.g8 .b2-act .btn{height: 48px; padding: 0px 24px;}
.g8 .b2-act .btn.lime{background: rgb(232, 185, 58); border-color: rgb(232, 185, 58); color: rgb(27, 28, 23);}
.g8 .btn.b2-ghost{background: transparent; border: 1px solid rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255);}
.g8 .btn.b2-ghost:hover{background: rgba(255, 255, 255, 0.1);}
.g8 .b2-proof{margin: 18px 0px 0px; font-size: 13px; color: rgba(255, 255, 255, 0.75);}
.g8 .b2-mock{border-radius: 20px; overflow: hidden; background: rgb(31, 42, 18); box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 60px; border: 1px solid rgba(255, 255, 255, 0.12);}
.g8 .b2-mh{display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: rgb(22, 32, 12); font-size: 13px;}
.g8 .b2-mh span{display: flex; gap: 5px;}
.g8 .b2-mh i{width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.25);}
.g8 .b2-ms{display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255, 255, 255, 0.08);}
.g8 .b2-ms div{padding: 16px; background: linear-gradient(160deg, rgb(44, 61, 24), rgb(36, 51, 26));}
.g8 .b2-ms b{display: block; font-family: var(--f-head); font-size: 1.6rem; color: rgb(255, 255, 255);}
.g8 .b2-ms small{font-size: 12px; color: rgba(255, 255, 255, 0.7);}
.g8 .b2-mr{list-style: none; margin: 0px; padding: 10px 12px; display: grid; gap: 6px;}
.g8 .b2-mr li{display: grid; grid-template-columns: 10px 1fr; column-gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.06);}
.g8 .b2-mr i{grid-row: span 2; align-self: center; width: 8px; height: 8px; border-radius: 50%;}
.g8 .b2-ok{background: rgb(155, 214, 90);}
.g8 .b2-mr b{font-size: 13.5px; color: rgb(255, 255, 255);}
.g8 .b2-mr small{font-size: 12px; color: rgba(255, 255, 255, 0.7);}
.g8 .b2-mn{margin: 0px; padding: 0px 16px 12px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}
.g8 .b2-sols{margin: 40px 0px;}
.g8 .b2 h2{font-family: var(--f-head); font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); letter-spacing: -0.02em; color: rgb(27, 28, 23); margin: 0px 0px 18px;}
.g8 .b2-sg{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px;}
.g8 .b2-sc{display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 211); color: rgb(27, 28, 23); text-decoration: none; transition: box-shadow 0.2s, transform 0.2s;}
.g8 .b2-sc:hover{box-shadow: rgba(38, 46, 16, 0.1) 0px 16px 36px; transform: translateY(-2px);}
.g8 .b2-si{display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: rgb(238, 243, 228); margin-bottom: 6px;}
.g8 .b2-si img{width: 40px; height: 40px; object-fit: contain;}
.g8 .b2-sc small{font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(74, 101, 23);}
.g8 .b2-sc b{font-family: var(--f-head); font-size: 1.1rem;}
.g8 .b2-sc p{margin: 0px; font-size: 13.5px; line-height: 1.5; color: rgb(95, 106, 85);}
.g8 .b2-more{margin-top: auto; padding-top: 8px; display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; font-weight: 800; color: rgb(27, 28, 23);}
.g8 .b2-more svg{width: 14px; height: 14px;}
.g8 .b2-oid,.g8 .b2-fin{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 24px; margin: 18px 0px; padding: 22px 24px; border-radius: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 211);}
.g8 .b2-oid h2{margin: 2px 0px 6px;}
.g8 .b2-oid p{margin: 0px; max-width: 70ch; font-size: 14.5px; line-height: 1.6; color: rgb(58, 61, 53);}
.g8 .b2-oid small,.g8 .b2-fin small{font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(74, 101, 23);}
.g8 .b2-fin{background: rgb(238, 243, 228);}
.g8 .b2-fin b{display: block; font-size: 15px; color: rgb(27, 28, 23);}
.g8 .b2-cta{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 480px); gap: clamp(20px, 4vw, 56px); align-items: start; margin: 40px calc(50% - 50vw) -40px; padding: clamp(40px, 5vw, 72px) calc(-50% + 50vw); background: rgb(74, 101, 23); color: rgb(255, 255, 255); scroll-margin-top: 90px;}
.g8 .b2-ct .eyebrow{color: rgb(201, 228, 134);}
.g8 .b2-ct h2{line-height: 1.1; color: rgb(255, 255, 255) !important; font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem) !important;}
.g8 .b2-ct p{font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.88);}
.g8 .b2-ct ul{margin: 18px 0px 0px; padding-left: 18px; display: grid; gap: 8px; font-size: 14px; color: rgba(255, 255, 255, 0.85);}
.g8 .b2-ct li::marker{color: rgb(201, 228, 134);}
.g8 .b2-f{display: grid; gap: 12px; padding: 26px; border-radius: 22px; background: rgb(251, 244, 223); color: rgb(27, 28, 23); box-shadow: rgba(0, 0, 0, 0.25) 0px 24px 50px;}
.g8 .b2-f h3{margin: 0px; font-family: var(--f-head); font-size: 1.3rem;}
.g8 .b2-fs{margin: -6px 0px 4px; font-size: 13px; color: rgb(95, 106, 85);}
.g8 .b2-l{display: grid; gap: 5px; font-size: 11.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(95, 106, 85);}
.g8 .b2-l input,.g8 .b2-l select,.g8 .b2-l textarea{height: 44px; padding: 0px 12px; border-radius: 12px; border: 1px solid rgb(225, 220, 200); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14.5px; font-weight: 500; letter-spacing: 0px; text-transform: none; background: rgb(255, 255, 255) !important; color: rgb(27, 28, 23) !important;}
.g8 .b2-l textarea{height: auto; padding: 10px 12px; resize: vertical;}
.g8 .b2-2{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.g8 .b2-cal{margin: 0px; padding: 12px; border: 1px solid rgb(225, 220, 200); border-radius: 14px; background: rgb(255, 255, 255);}
.g8 .b2-cal legend{padding: 0px 4px; font-size: 12px; font-weight: 800; color: rgb(27, 28, 23);}
.g8 .b2-cal legend small{font-weight: 600; color: rgb(122, 130, 112);}
.g8 .b2-days{display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 4px; margin-bottom: 8px;}
.g8 .b2-days button{display: grid; justify-items: center; padding: 6px 0px; border-radius: 10px; border: 1px solid rgb(230, 233, 221); background: rgb(255, 255, 255); font: inherit; cursor: pointer; color: rgb(27, 28, 23);}
.g8 .b2-days small{font-size: 10px; color: rgb(122, 130, 112);}
.g8 .b2-days b{font-size: 15px;}
.g8 .b2-days [aria-pressed="true"]{background: rgb(74, 101, 23); border-color: rgb(74, 101, 23); color: rgb(255, 255, 255);}
.g8 .b2-days [aria-pressed="true"] small{color: rgba(255, 255, 255, 0.8);}
.g8 .b2-slots{display: flex; flex-wrap: wrap; gap: 6px;}
.g8 .b2-slots button{height: 32px; padding: 0px 10px; border-radius: 999px; border: 1px solid rgb(230, 233, 221); background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 700; cursor: pointer; color: rgb(27, 28, 23);}
.g8 .b2-slots [aria-pressed="true"]{background: rgb(27, 28, 23); border-color: rgb(27, 28, 23); color: rgb(255, 255, 255);}
.g8 .b2-nos{font-weight: 600 !important;}
.g8 .b2-ok{display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: rgb(58, 61, 53);}
.g8 .b2-ok input{margin-top: 3px;}
.g8 .b2-e{margin: 0px; padding: 8px 10px; border-radius: 10px; background: rgb(253, 236, 234); color: rgb(156, 42, 30); font-size: 13px;}
.g8 .b2-f .btn.lime{height: 48px; background: rgb(232, 185, 58); border-color: rgb(232, 185, 58); color: rgb(27, 28, 23);}
@media (max-width: 1000px){.g8 .b2-hero,.g8 .b2-cta{grid-template-columns: 1fr;}}
@media (max-width: 1000px){.g8 .b2-sg{grid-template-columns: 1fr 1fr;}}
@media (max-width: 600px){.g8 .b2-sg,.g8 .b2-2{grid-template-columns: 1fr;}}
@media (max-width: 600px){.g8 .b2-days{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
.g8 .b2-ok{background: transparent !important; padding: 0px !important;}
.g8 .b2-hero{border-bottom: 1px solid rgb(220, 230, 200); background: rgb(238, 243, 228) !important; color: rgb(27, 28, 23) !important;}
.g8 .b2-hero .eyebrow{color: rgb(122, 90, 22) !important;}
.g8 .b2-hero h1{color: rgb(27, 28, 23) !important;}
.g8 .b2-lead{color: rgb(58, 61, 53) !important;}
.g8 .b2-proof{color: rgb(95, 106, 85) !important;}
.g8 .b2-act .btn.lime,.g8 .b2-f .btn.lime{background: rgb(153, 195, 65) !important; border-color: rgb(153, 195, 65) !important; color: rgb(27, 28, 23) !important;}
.g8 .btn.b2-ghost{border-color: rgb(27, 28, 23) !important; color: rgb(27, 28, 23) !important; background: rgb(255, 255, 255) !important;}
.g8 .btn.b2-ghost:hover{background: rgb(243, 246, 235) !important;}
.g8 .b2-mock{background: rgb(255, 255, 255) !important; border: 1px solid rgb(220, 230, 200) !important; box-shadow: rgba(38, 46, 16, 0.12) 0px 20px 44px !important;}
.g8 .b2-mh{color: rgb(27, 28, 23); background: rgb(246, 248, 240) !important;}
.g8 .b2-mh i{background: rgb(203, 214, 178) !important;}
.g8 .b2-ms{background: rgb(230, 236, 216) !important;}
.g8 .b2-ms div{background: rgb(255, 255, 255) !important;}
.g8 .b2-ms b{color: rgb(27, 28, 23) !important;}
.g8 .b2-ms small{color: rgb(95, 106, 85) !important;}
.g8 .b2-mr li{background: rgb(247, 249, 241) !important;}
.g8 .b2-mr b{color: rgb(27, 28, 23) !important;}
.g8 .b2-mr small{color: rgb(95, 106, 85) !important;}
.g8 .b2-ok{background: rgb(94, 154, 30);}
.g8 .b2-mn{color: rgb(122, 130, 112) !important;}
.g8 .b2-cta{border-top: 1px solid rgb(220, 230, 200); background: rgb(238, 243, 228) !important; color: rgb(27, 28, 23) !important;}
.g8 .b2-ct .eyebrow{color: rgb(122, 90, 22) !important;}
.g8 .b2-ct h2{color: rgb(27, 28, 23) !important;}
.g8 .b2-ct p,.g8 .b2-ct ul{color: rgb(58, 61, 53) !important;}
.g8 .b2-ct li::marker{color: rgb(94, 154, 30);}
.g8 .b2-f{border: 1px solid rgb(220, 230, 200); background: rgb(255, 255, 255) !important; box-shadow: rgba(38, 46, 16, 0.1) 0px 18px 40px !important;}
.g8 .b2-l input,.g8 .b2-l select,.g8 .b2-l textarea{border-color: rgb(220, 229, 207) !important;}
.g8 .b2-cal{border-color: rgb(220, 229, 207) !important;}
.g8 .b2-days [aria-pressed="true"]{background: rgb(27, 28, 23) !important; border-color: rgb(27, 28, 23) !important;}
.g8 .b2s-ok{background: rgb(94, 154, 30);}
.g8 .b2s-now{background: rgb(217, 165, 32);}
.g8 .b2s-pend{background: rgb(185, 194, 168);}
.g8 a.b2-sc{overflow: hidden; transition: transform 0.25s; background: rgb(234, 240, 222) !important; border: 0px !important; border-radius: 20px !important; box-shadow: rgba(27, 28, 23, 0.4) 0px 14px 34px -26px !important;}
.g8 a.b2-sc:hover{transform: translateY(-3px);}
@keyframes scfJig { 0% { transform: translateY(-2px) scale(1.02); } 25% { transform: translateY(-2px) scale(1.03) rotate(-1.6deg); } 50% { transform: translateY(-2px) scale(1.03) rotate(1.4deg); } 75% { transform: translateY(-2px) scale(1.025) rotate(-0.6deg); } 100% { transform: translateY(-2px) scale(1.02) rotate(0deg); } }
@keyframes scfPress { 0% { transform: scale(1); } 40% { transform: scale(0.94); } 70% { transform: scale(1.03); } 100% { transform: scale(1); } }
.g8 .btn,.g8 a.btn,.g8 button.btn{transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s, background-color 0.2s, border-color 0.2s, color 0.2s !important;}
.g8 .btn,.g8 a.btn,.g8 button.btn{position: relative; overflow: hidden; isolation: isolate;}
@media (hover: hover) and (pointer: fine){.g8 .btn:hover,.g8 a.btn:hover,.g8 button.btn:hover{animation: 0.45s ease-out 0s 1 normal both running scfJig; box-shadow: rgba(38, 46, 16, 0.55) 0px 10px 22px -12px !important;}}
.g8 .btn:active,.g8 a.btn:active,.g8 button.btn:active{animation: 0.32s ease-out 0s 1 normal both running scfPress;}
.g8 .b2-oid,.g8 .b2-fin{transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s, border-color 0.3s !important;}
@media (hover: hover) and (pointer: fine){.g8 .b2-oid:hover,.g8 .b2-fin:hover{transform: translateY(-3px); box-shadow: rgba(38, 46, 16, 0.55) 0px 22px 44px -28px !important; border-color: rgb(153, 195, 65) !important;}}
@media (hover: hover) and (pointer: fine){.g8 .b2-oid:hover .btn,.g8 .b2-fin:hover .btn{animation: 0.5s ease-out 0s 1 normal both running scfJig;}}
@media (prefers-reduced-motion: reduce){.g8 .btn,.g8 a.btn,.g8 button.btn,.g8 .b2-oid,.g8 .b2-fin{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
@media (hover: none) and (pointer: coarse){.g8 a,.g8 button,.g8 .btn{touch-action: manipulation;}}
@media (hover: none) and (pointer: coarse){.g8 input,.g8 select,.g8 textarea{font-size: 16px !important;}}
.g8 svg.icf:where(:not(.rgx *)){flex: 0 0 auto;}
.g8 .og-crumbs{display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--ink-3); margin-bottom: 14px;}
.g8 .og-crumbs a{color: var(--ink-2);}
.g8 .b2-feat,.g8 .b2-how{margin: 40px 0px;}
.g8 .b2-price{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 24px; margin: 18px 0px; padding: 22px 24px; border-radius: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 211);}
.g8 .b2-price p{margin: 0px; max-width: 70ch; font-size: 14.5px; line-height: 1.6; color: rgb(58, 61, 53);}
.g8 .b2-price small{font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(74, 101, 23);}
.g8 .b2-px{display: flex; flex-wrap: wrap; gap: 8px;}
.g8 .b2-fg{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px;}
.g8 .b2-fg article{padding: 20px; border-radius: 20px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 211);}
.g8 .b2-fg span{display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgb(238, 243, 228); color: rgb(74, 101, 23); margin-bottom: 10px;}
.g8 .b2-fg span svg{width: 22px; height: 22px;}
.g8 .b2-fg b{display: block; font-size: 15.5px; color: rgb(27, 28, 23);}
.g8 .b2-fg p{margin: 6px 0px 0px; font-size: 13.5px; line-height: 1.55; color: rgb(95, 106, 85);}
.g8 .b2-how ol{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;}
.g8 .b2-how li{display: flex; gap: 12px; align-items: center; padding: 16px; border-radius: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 211);}
.g8 .b2-how li span{display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: rgb(74, 101, 23); color: rgb(255, 255, 255); font-weight: 800;}
.g8 .b2-how b{font-size: 14px; line-height: 1.4; color: rgb(27, 28, 23);}
.g8 .b2-cr{margin-bottom: 10px;}
@media (max-width: 1000px){.g8 .b2-fg{grid-template-columns: 1fr 1fr;}}
@media (max-width: 1000px){.g8 .b2-how ol{grid-template-columns: 1fr 1fr;}}
@media (max-width: 600px){.g8 .b2-fg,.g8 .b2-how ol,.g8 .b2-2{grid-template-columns: 1fr;}}
.g8 .b2-cr{display: none !important;}
.g8 .b2-back{display: inline-flex; align-items: center; gap: 4px; margin-bottom: 12px; font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, 0.8); text-decoration: none;}
.g8 .b2-back svg{width: 14px; height: 14px;}
.g8 .b2-back:hover{color: rgb(255, 255, 255);}
.g8 .b2-back{color: rgb(74, 101, 23) !important;}
.g8 .b2-back:hover{color: rgb(27, 28, 23) !important;}
.g8 .b2-how li span{background: rgb(153, 195, 65) !important; color: rgb(27, 28, 23) !important;}
.g8 .b2-fh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px;}
.g8 .b2-fh h2{margin: 0px;}
.g8 .b2-fh .eyebrow{margin: 0px 0px 4px;}
.g8 .b2-fh .btn svg{width: 16px; height: 16px;}
.g8 .b2-price{transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s, border-color 0.3s !important;}
@media (hover: hover) and (pointer: fine){.g8 .b2-price:hover{transform: translateY(-3px); box-shadow: rgba(38, 46, 16, 0.55) 0px 22px 44px -28px !important; border-color: rgb(153, 195, 65) !important;}}
@media (hover: hover) and (pointer: fine){.g8 .b2-price:hover .btn:first-child{animation: 0.5s ease-out 0s 1 normal both running scfJig;}}
@media (prefers-reduced-motion: reduce){.g8 .btn,.g8 a.btn,.g8 button.btn,.g8 .b2-price{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
.g8 .wf-table{overflow: auto;}
.g8 .wf-table table{border-collapse: collapse; min-width: 600px; width: 100%;}
.g8 .wf-table th,.g8 .wf-table td{text-align: left; padding: 14px; border-bottom: 1px solid rgb(224, 230, 216); font-size: 13px;}
.g8 h1:where(:not(.rgx *)){font-family: var(--f-head); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0px; text-wrap: balance;}
.g8 .btn.sm:where(:not(.rgx *)){padding: 10px 16px; font-size: 13.5px;}
.g8 .demo-n{display: flex; align-items: flex-start; gap: 8px; margin: 18px 0px 0px; font-size: 13px; line-height: 1.45; color: var(--ink-3);}
.g8 .demo-n svg{width: 16px; height: 16px; flex: 0 0 auto; margin-top: 1px;}
.g8 .b2-hs{grid-template-columns: 1fr;}
.g8 .b2-tb{margin: 24px 0px;}
@media (max-width: 1000px){.g8 .b2-hero{grid-template-columns: 1fr;}}
.g8 .btn,.g8 a.btn{transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s, background-color 0.2s, border-color 0.2s, color 0.2s !important;}
.g8 .btn,.g8 a.btn{position: relative; overflow: hidden; isolation: isolate;}
@media (hover: hover) and (pointer: fine){.g8 .btn:hover,.g8 a.btn:hover{animation: 0.45s ease-out 0s 1 normal both running scfJig; box-shadow: rgba(38, 46, 16, 0.55) 0px 10px 22px -12px !important;}}
.g8 .btn:active,.g8 a.btn:active{animation: 0.32s ease-out 0s 1 normal both running scfPress;}
@media (prefers-reduced-motion: reduce){.g8 .btn,.g8 a.btn{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
@media (hover: none) and (pointer: coarse){.g8 a,.g8 .btn{touch-action: manipulation;}}
@media (max-width: 600px){.g8 .b2-2{grid-template-columns: 1fr;}}
.g8 .b2-f .btn.lime{background: rgb(153, 195, 65) !important; border-color: rgb(153, 195, 65) !important; color: rgb(27, 28, 23) !important;}
.g8 .btn,.g8 button.btn{transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s, background-color 0.2s, border-color 0.2s, color 0.2s !important;}
.g8 .btn,.g8 button.btn{position: relative; overflow: hidden; isolation: isolate;}
@media (hover: hover) and (pointer: fine){.g8 .btn:hover,.g8 button.btn:hover{animation: 0.45s ease-out 0s 1 normal both running scfJig; box-shadow: rgba(38, 46, 16, 0.55) 0px 10px 22px -12px !important;}}
.g8 .btn:active,.g8 button.btn:active{animation: 0.32s ease-out 0s 1 normal both running scfPress;}
@media (prefers-reduced-motion: reduce){.g8 .btn,.g8 button.btn{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
.g8 .b2-done{display: grid; gap: 8px; justify-items: start;}
.g8 .b2-done > svg{width: 40px; height: 40px; color: rgb(62, 142, 26);}
.g8 .b2-done h3{margin: 0px;}
.g8 .b2-done dl{margin: 6px 0px; display: grid; gap: 6px; width: 100%;}
.g8 .b2-done dl div{padding: 8px 10px; border-radius: 10px; background: rgb(255, 255, 255);}
.g8 .b2-done dt{font-size: 11px; font-weight: 800; text-transform: uppercase; color: rgb(122, 130, 112);}
.g8 .b2-done dd{margin: 0px; font-size: 14px;}
/* ===== Origin ID ===== */
.g8 button:where(:not(.rgx *)){font: inherit; color: inherit;}
.g8 .mono:where(:not(.rgx *)){font-family: var(--f-mono);}
.g8 .btn.vidrio:where(:not(.rgx *)){background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.28); color: rgb(255, 255, 255); backdrop-filter: blur(6px);}
@media (hover: hover) and (pointer: fine){.g8 .btn.vidrio:hover:where(:not(.rgx *)){background: rgba(255, 255, 255, 0.16);}}
.g8 .seg:where(:not(.rgx *)){display: inline-flex; padding: 4px; border-radius: var(--pill); background: rgb(255, 255, 255); border: 1px solid var(--line); gap: 2px;}
.g8 .seg button:where(:not(.rgx *)){border-radius: var(--pill); min-height: 34px; padding: 0px 13px; font-weight: 600; font-size: 13px; color: var(--ink-3); display: inline-flex; align-items: center; gap: 6px;}
.g8 .mono:where(:not(.rgx *)){font-variant-numeric: tabular-nums;}
.g8 .seg button:where(:not(.rgx *)){white-space: nowrap; flex: 0 0 auto;}
@media (max-width: 640px){.g8 .seg:where(:not(.rgx *)){max-width: 100%; overflow-x: auto; scrollbar-width: none;}}
@media (max-width: 640px){.g8 .seg:where(:not(.rgx *))::-webkit-scrollbar{display: none;}}
.g8 .og-more{display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14px; color: var(--ink); border-bottom: 1.5px solid var(--lima); padding-bottom: 2px; white-space: nowrap;}
.g8 .og-more svg{width: 15px; height: 15px;}
.g8 .ox-sec{margin-bottom: 34px;}
.g8 .ox-sh{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px;}
.g8 .ox-sh h2{font-family: Poppins, "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 600; font-size: 1.35rem; letter-spacing: -0.02em; margin: 0px; color: var(--ink); display: flex; align-items: center; gap: 8px;}
.g8 .od-top{display: flex; align-items: center; gap: 10px;}
.g8 .od-n{font-size: 12px; color: rgba(255, 255, 255, 0.75);}
.g8 .nf-a{display: flex; flex-wrap: wrap; gap: 8px;}
.g8 .oi-st{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px;}
.g8 .oi-st > div{padding: 12px; border: 1px solid var(--line-2); border-radius: 14px; background: rgb(255, 255, 255);}
.g8 .oi-st p{margin: 8px 0px 0px; font-size: 13px; color: var(--ink-2); line-height: 1.45;}
.g8 .oc{display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: var(--cream); color: var(--ink-2); vertical-align: 1px;}
.g8 .oi-st .oc{margin: 0px;}
.g8 .oc-documentado{background: rgb(230, 236, 242); color: rgb(44, 62, 80);}
.g8 .oc-revisado{background: rgb(231, 242, 212); color: rgb(47, 74, 14);}
.g8 .oc-pendiente{background: rgb(246, 231, 196); color: rgb(106, 74, 16);}
.g8 .oc-revocado{background: rgb(251, 227, 223); color: rgb(138, 37, 24);}
.g8 .oi-ex{display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px;}
.g8 .oidc{display: grid; grid-template-columns: 112px minmax(0px, 1fr); gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--line-2); border-radius: 16px; background: rgb(255, 255, 255);}
.g8 .oidc small{display: block; font-size: 12px; color: var(--ink-3); font-weight: 600;}
.g8 .oidc b{display: block; font-size: 13px; word-break: break-all;}
.g8 .oidc > div > span{display: block; font-size: 14px; margin: 2px 0px 10px;}
.g8 .oi-q{background: rgb(255, 255, 255); border-radius: 10px; padding: 4px; border: 1px solid var(--line-2); aspect-ratio: 1 / 1;}
.g8 .oi-q svg{width: 100%; height: 100%; display: block;}
.g8 .oi-law{display: flex; gap: 10px; margin-top: 24px; padding: 14px 16px; border-radius: 14px; background: var(--cream); font-size: 13.5px; line-height: 1.5; color: var(--ink-2);}
.g8 .oi-law svg{width: 18px; height: 18px; flex: 0 0 auto;}
.g8 .oi-law p{margin: 0px;}
@media (max-width: 720px){.g8 .oidc{grid-template-columns: 88px minmax(0px, 1fr);}}
.g8 .ox-sh{flex-wrap: wrap; row-gap: 4px;}
.g8 .ox-sh .og-more{white-space: normal;}
.g8 .od-hero-s{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: clamp(24px, 4vw, 56px); align-items: center; padding: clamp(20px, 3vw, 36px) 0px 10px;}
.g8 .od-txt h1{margin: 6px 0px 12px; font-family: Poppins, "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 600; font-size: clamp(2rem, 1.4rem + 2.2vw, 3.2rem); line-height: 1.05; letter-spacing: -0.03em; color: rgb(26, 26, 23);}
.g8 .od-lead{margin: 0px 0px 20px; max-width: 56ch; font-size: 16.5px; line-height: 1.55; color: var(--ink-2);}
.g8 .od-steps{list-style: none; margin: 0px 0px 20px; padding: 0px; display: grid; gap: 6px;}
.g8 .od-steps button{display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; width: 100%; padding: 10px 12px; border: 0px; border-radius: 14px; background: none; text-align: left; cursor: pointer; font: inherit; color: inherit; transition: background 0.2s;}
.g8 .od-steps button b{display: block; font-size: 15.5px;}
.g8 .od-steps button small{display: block; font-size: 13.5px; color: var(--ink-3);}
.g8 .od-steps button[aria-selected="true"]{background: rgb(246, 250, 238); box-shadow: inset 3px 0 0 var(--lima);}
@media (hover: hover) and (pointer: fine){.g8 .od-steps button:hover{background: rgb(246, 250, 238);}}
.g8 .od-n{display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--lima-wash); color: rgb(47, 74, 14); font-weight: 800; font-size: 14px; flex: 0 0 auto;}
.g8 .od-steps button[aria-selected="true"] .od-n{background: var(--lima); color: rgb(30, 42, 11);}
.g8 .od-stage{position: relative; min-height: 540px; border-radius: 28px; background: radial-gradient(80% 70% at 35% 45%, rgb(255, 255, 255) 0%, rgb(238, 243, 228) 70%, rgb(228, 237, 212) 100%); overflow: hidden; isolation: isolate;}
.g8 .od-bag{position: absolute; left: 5%; top: 50%; width: min(56%, 330px); transform: translateY(-50%) rotate(-4deg); transition: transform 0.6s;}
.g8 .od-bag > img{width: 100%; height: auto; display: block; filter: drop-shadow(rgba(38, 46, 16, 0.28) 0px 26px 30px);}
.g8 .od-stk{position: absolute; left: 15.2%; top: 36.2%; width: 20%; aspect-ratio: 1 / 1; padding: 3%; border-radius: 10%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 6px, rgba(26, 26, 23, 0.08) 0px 0px 0px 1px; display: grid; grid-template-rows: 1fr auto;}
.g8 .od-stk .od-qr svg{width: 100%; height: auto; display: block;}
.g8 .od-stk small{display: block; text-align: center; font-size: clamp(6px, 0.6vw, 8.5px); font-weight: 800; color: rgb(26, 26, 23); letter-spacing: 0.02em; margin-top: 1px;}
.g8 .od-stage[data-step="0"] .od-bag .od-stk{animation: 1.4s ease-in-out 0s infinite normal none running odPulse;}
@keyframes odPulse { 0%, 100% { box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 6px, rgba(141, 198, 63, 0.7) 0px 0px 0px 0px; } 50% { box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 6px, rgba(141, 198, 63, 0) 0px 0px 0px 8px; } }
.g8 .od-ph{position: absolute; right: 6%; top: 50%; width: 236px; height: 486px; border-radius: 38px; background: rgb(22, 26, 16); padding: 9px; transform: translateY(-50%) rotate(3deg); box-shadow: rgba(20, 26, 10, 0.6) 0px 30px 60px -24px, rgb(43, 48, 34) 0px 0px 0px 2px inset; transition: transform 0.6s; z-index: 2;}
.g8 .od-ph::before{content: ""; position: absolute; top: 16px; left: 50%; transform: translateX(-50%); width: 66px; height: 18px; border-radius: 12px; background: rgb(11, 13, 8); z-index: 3;}
.g8 .od-stage[data-step="0"] .od-ph{transform: translateY(-50%) translateX(-18px) rotate(-2deg);}
.g8 .od-sc{position: relative; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background: rgb(250, 249, 245);}
.g8 .od-p{position: absolute; inset: 0px; opacity: 0; visibility: hidden; transition: opacity 0.45s, visibility 0.45s; padding: 40px 14px 14px; display: flex; flex-direction: column; font-size: 12px; color: var(--ink);}
.g8 .od-stage[data-step="0"] .od-p1{opacity: 1; visibility: visible;}
.g8 .od-p1{padding: 0px; background: rgb(14, 18, 10);}
.g8 .od-cam{position: relative; flex: 1 1 0%; overflow: hidden;}
.g8 .od-cam > img{position: absolute; width: 330%; max-width: none; left: -32.8%; top: -80%; filter: saturate(1.05) brightness(0.95);}
.g8 .od-stk2{left: 50%; top: 50%; width: 66%; transform: translate(-50%, -50%); padding: 5%;}
.g8 .od-fr{position: absolute; left: 50%; top: 50%; width: 76%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%);}
.g8 .od-fr i{position: absolute; width: 22%; height: 22%; border: 3px solid rgb(255, 255, 255); border-radius: 6px;}
.g8 .od-fr i:nth-child(1){left: 0px; top: 0px; border-right: 0px; border-bottom: 0px;}
.g8 .od-fr i:nth-child(2){right: 0px; top: 0px; border-left: 0px; border-bottom: 0px;}
.g8 .od-fr i:nth-child(3){left: 0px; bottom: 0px; border-right: 0px; border-top: 0px;}
.g8 .od-fr i:nth-child(4){right: 0px; bottom: 0px; border-left: 0px; border-top: 0px;}
.g8 .od-line{position: absolute; left: 14%; right: 14%; top: 30%; height: 2px; background: var(--lima); box-shadow: rgba(141, 198, 63, 0.8) 0px 0px 12px 2px; animation: 1.8s ease-in-out 0s infinite alternate none running odScan;}
@keyframes odScan { 0% { top: 28%; } 100% { top: 70%; } }
.g8 .od-cap{position: absolute; left: 0px; right: 0px; bottom: 16px; margin: 0px; text-align: center; color: rgb(255, 255, 255); font-weight: 700; font-size: 12.5px; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;}
.g8 .od-load{margin: auto 0px; display: grid; justify-items: center; gap: 8px; text-align: center;}
.g8 .od-load img{width: 54px; height: 54px;}
.g8 .od-load b{font-family: Poppins, "Plus Jakarta Sans", sans-serif; font-size: 15px;}
.g8 .od-url{font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 9.5px; color: var(--ink-3); word-break: break-all; padding: 0px 4px;}
.g8 .odq-bar{width: 70%; height: 5px; border-radius: 3px; background: var(--line-2); overflow: hidden;}
.g8 .odq-bar i{display: block; height: 100%; width: 0px; background: var(--lima); border-radius: 3px;}
.g8 .od-top{display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font-weight: 800; font-size: 11.5px; color: rgb(47, 74, 14);}
.g8 .od-top img{width: 18px; height: 18px;}
.g8 .od-hero{display: grid; grid-template-columns: 62px 1fr; gap: 10px; align-items: center; padding: 8px; border-radius: 14px; background: rgb(255, 255, 255); box-shadow: 0 0 0 1px var(--line-2); margin-bottom: 8px;}
.g8 .od-hero img{width: 62px; height: 82px; object-fit: contain;}
.g8 .od-hero small{display: block; font-size: 10.5px; color: var(--ink-3); font-weight: 700;}
.g8 .od-hero b{display: block; font-size: 14px; line-height: 1.2;}
.g8 .od-hero span{display: block; font-size: 10.5px; color: var(--ink-2);}
.g8 .od-dl{margin: 0px; display: grid; gap: 5px;}
.g8 .od-dl div{display: grid; grid-template-columns: 62px 1fr; gap: 6px; padding: 6px 8px; border-radius: 10px; background: rgb(246, 250, 238);}
.g8 .od-dl dt{font-size: 10px; color: var(--ink-3); font-weight: 700;}
.g8 .od-dl dd{margin: 0px; font-size: 11.5px; font-weight: 700;}
.g8 .oh-i{display: block; width: 26px; height: 26px; background: center center / contain no-repeat; flex: 0 0 auto;}
.g8 .od-tag{position: absolute; left: 14px; bottom: 12px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; margin: 0px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); font-size: 12px; font-weight: 700; color: var(--ink-2);}
.g8 .od-tag svg{width: 14px; height: 14px;}
@media (prefers-reduced-motion: reduce){.g8 .od-line,.g8 .od-stage[data-step="0"] .od-bag .od-stk{animation: auto ease 0s 1 normal none running none;}}
@media (prefers-reduced-motion: reduce){.g8 .od-bag,.g8 .od-ph,.g8 .od-p{transition: none;}}
.g8 .od-seg{max-width: 560px; margin: 0px 0px 16px;}
.g8 .od-seg button{font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; font-size: 14.5px; height: 44px; border: 0px; border-radius: 11px; background: none; cursor: pointer; color: var(--ink);}
.g8 .od-seg button[aria-selected="true"]{background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px -3px;}
.g8 .od-how{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;}
.g8 .od-how li{display: grid; gap: 6px; align-content: start; padding: 18px; border-radius: 18px; background: rgb(255, 255, 255); border: 1px solid var(--line-2);}
.g8 .od-how b{font-size: 15.5px; line-height: 1.25;}
.g8 .od-how small{font-size: 13.5px; color: var(--ink-3); line-height: 1.4;}
.g8 .od-gain{display: flex; gap: 10px; align-items: flex-start; margin: 14px 0px 0px; padding: 14px 16px; border-radius: 16px; background: rgb(246, 250, 238); font-weight: 600;}
.g8 .od-gain svg{width: 20px; height: 20px; color: var(--lima-d); flex: 0 0 auto; margin-top: 1px;}
.g8 .od-see{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px;}
.g8 .od-see article{display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 16px; border-radius: 18px; background: rgb(255, 255, 255); border: 1px solid var(--line-2);}
.g8 .od-see .oh-i{grid-row: 1 / 3; width: 40px; height: 40px;}
.g8 .od-see b{font-size: 15.5px;}
.g8 .od-see small{font-size: 13.5px; color: var(--ink-3);}
.g8 .od-chain{display: grid; grid-template-columns: repeat(9, minmax(0px, 1fr)); gap: 8px; margin-top: 14px; padding: 16px; border-radius: 20px; background: rgb(246, 250, 238); overflow-x: auto;}
.g8 .od-chain div{display: grid; justify-items: center; gap: 4px; text-align: center; min-width: 88px;}
.g8 .od-chain .oh-i{width: 38px; height: 38px;}
.g8 .od-chain b{font-size: 13px;}
.g8 .od-chain small{font-size: 11.5px; color: var(--ink-3); line-height: 1.3;}
.g8 .od-auth{display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr); gap: 16px;}
.g8 .od-au1{padding: 20px; border-radius: 20px; background: rgb(255, 255, 255); border: 1px solid var(--line-2);}
.g8 .od-au1 h3{margin: 0px 0px 12px; font-size: 1.1rem;}
.g8 .od-au2{display: grid; gap: 10px; align-content: start;}
.g8 .od-au2 > div{display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 14px 16px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid var(--line-2);}
.g8 .od-au2 svg{width: 20px; height: 20px; color: var(--lima-d); margin-top: 1px;}
.g8 .od-au2 b{display: block; font-size: 15px;}
.g8 .od-au2 small{display: block; font-size: 13.5px; color: var(--ink-3);}
.g8 .od-cta{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 30px 0px 18px; padding: 24px 26px; border-radius: 24px; background: var(--oliva,#4A6517); color: rgb(255, 255, 255);}
.g8 .od-cta h2{margin: 0px 0px 4px; color: rgb(255, 255, 255); font-size: 1.4rem;}
.g8 .od-cta p{margin: 0px; color: rgba(255, 255, 255, 0.88);}
.g8 .od-cta .btn.vidrio{border: 1px solid rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08);}
@media (max-width: 1100px){.g8 .od-how{grid-template-columns: 1fr 1fr;}}
@media (max-width: 1100px){.g8 .od-see{grid-template-columns: 1fr 1fr;}}
@media (max-width: 900px){.g8 .od-hero-s{grid-template-columns: 1fr;}}
@media (max-width: 900px){.g8 .od-stage{min-height: 470px;}}
@media (max-width: 900px){.g8 .od-auth{grid-template-columns: 1fr;}}
@media (max-width: 560px){.g8 .od-stage{min-height: 430px;}}
@media (max-width: 560px){.g8 .od-bag{width: 52%; left: 2%;}}
@media (max-width: 560px){.g8 .od-ph{width: 196px; height: 404px; right: 3%; border-radius: 32px;}}
@media (max-width: 560px){.g8 .od-sc{border-radius: 25px;}}
@media (max-width: 560px){.g8 .od-how,.g8 .od-see{grid-template-columns: 1fr;}}
@media (max-width: 560px){.g8 .od-seg button{font-size: 13px;}}
.g8 .od-cam > img{left: 50%; top: 50%; width: 330%; transform: translate(-25.1%, -42.9%);}
@media (max-width: 560px){.g8 .od-stage{min-height: 480px;}}
@media (max-width: 560px){.g8 .od-bag{width: 48%; left: 4%;}}
@media (max-width: 560px){.g8 .od-ph{width: 188px; height: 388px; right: 4%;}}
@media (max-width: 560px){.g8 .od-tag{top: 10px; bottom: auto; font-size: 11px;}}
@media (max-width: 560px){.g8 .od-stage[data-step="0"] .od-ph{transform: translateY(-50%) translateX(-6px) rotate(-2deg);}}
.g8 .od-stk{padding: 0px; background: none; box-shadow: none; border-radius: 0px; grid-template-rows: auto auto;}
.g8 .od-stk .od-qr svg{mix-blend-mode: multiply; opacity: 0.92;}
.g8 .od-stk .od-qr svg image{mix-blend-mode: normal;}
.g8 .od-stk small{margin-top: 0px; font-family: Poppins, "Plus Jakarta Sans", sans-serif; font-weight: 600; color: rgb(26, 26, 23); opacity: 0.85; mix-blend-mode: multiply;}
.g8 .od-stage[data-step="0"] .od-bag .od-stk{animation: auto ease 0s 1 normal none running none;}
.g8 .od-stage[data-step="0"] .od-bag .od-stk::after{content: ""; position: absolute; inset: -8%; border-radius: 10%; border: 2px solid var(--lima); animation: 1.4s ease-in-out 0s infinite normal none running odRing; pointer-events: none;}
@keyframes odRing { 0%, 100% { opacity: 0; transform: scale(0.96); } 50% { opacity: 1; transform: scale(1.02); } }
.g8 .od-stk2{padding: 0px;}
@media (prefers-reduced-motion: reduce){.g8 .od-stage[data-step="0"] .od-bag .od-stk::after{animation: auto ease 0s 1 normal none running none; opacity: 1;}}
.g8 .od-blk{display: grid; gap: 1px; padding: 7px 9px; border-radius: 11px; background: rgb(246, 250, 238); margin-bottom: 6px;}
.g8 .od-blk small{font-size: 9.5px; font-weight: 800; color: var(--ink-3); text-transform: none;}
.g8 .od-blk span{font-size: 10.5px; color: var(--ink-2); line-height: 1.3;}
.g8 .od-blk-t{background: rgb(255, 255, 255); box-shadow: 0 0 0 1px var(--line-2);}
.g8 .od-hr{display: grid; grid-template-columns: repeat(9, 1fr); gap: 3px; margin-top: 4px;}
.g8 .od-hr i{aspect-ratio: 1 / 1; border-radius: 5px; background: center center / 78% auto no-repeat rgb(238, 243, 228);}
.g8 .od-hr i.pendiente{opacity: 0.35; filter: grayscale(1); background-color: rgb(241, 240, 234);}
.g8 .od-p3 .od-hero{margin-bottom: 6px; padding: 6px;}
.g8 .od-p3 .od-hero img{height: 66px;}
.g8 .od-h2i{display: flex; align-items: center; gap: 10px;}
.g8 .od-h2i img{width: 34px; height: 34px;}
.g8 .od-det{position: absolute; left: 8px; right: 8px; top: 34px; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 14px; background: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 20px -8px; transform: translateY(-12px); opacity: 0; animation: 0.5s ease 1.2s 1 normal forwards running odDet;}
.g8 .od-det img{width: 24px; height: 24px;}
.g8 .od-det b{display: block; font-size: 11.5px; color: rgb(26, 26, 23);}
.g8 .od-det small{display: block; font-size: 10px; color: var(--ink-3); font-weight: 700;}
@keyframes odDet { 100% { transform: none; opacity: 1; } }
.g8 .od-app{display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(38, 46, 16, 0.6) 0px 10px 24px -12px;}
.g8 .od-app img{width: 44px; height: 44px;}
.g8 .od-open{display: flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 700; color: var(--ink-3);}
.g8 .od-open i{font-style: normal;}
.g8 .od-open i.on{padding: 3px 8px; border-radius: 999px; background: var(--lima); color: rgb(30, 42, 11);}
.g8 .od-lk{font-size: 10px; font-weight: 800; color: rgb(47, 74, 14);}
.g8 .od-lot{padding: 8px 10px; border-radius: 12px; background: rgb(74, 101, 23); color: rgb(255, 255, 255); margin-bottom: 6px;}
.g8 .od-lot small{display: block; font-size: 9.5px; opacity: 0.85; font-weight: 700;}
.g8 .od-lot b{display: block; font-size: 13px; line-height: 1.2;}
.g8 .od-p3 .od-hero{grid-template-columns: 46px 1fr;}
.g8 .od-p3 .od-hero img{width: 46px; height: 60px;}
.g8 .od-p3 .od-dl div,.g8 .od-p4 .od-dl div{padding: 5px 8px;}
.g8 .od-btns{display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: auto; padding-top: 6px;}
.g8 .od-btns span{display: grid; place-items: center; height: 30px; border-radius: 10px; font-size: 11px; font-weight: 800; background: rgb(255, 255, 255); box-shadow: 0 0 0 1px var(--line);}
.g8 .od-btns .od-b1{background: var(--lima); box-shadow: none; color: rgb(30, 42, 11);}
.g8 .od-btns .od-b2.on{box-shadow: 0 0 0 2px var(--ink);}
.g8 .od-ft{display: grid; gap: 5px; grid-template-columns: 1fr 1fr !important;}
.g8 .od-ft div{grid-template-columns: 1fr !important; gap: 0px !important;}
.g8 .od-p4 .od-blk{margin-top: 6px;}
@media (prefers-reduced-motion: reduce){.g8 .od-det{animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none;}}
.g8 .od-load .odq-bar{align-self: center; display: block; height: 5px !important;}
.g8 .od-load{align-content: center;}
.g8 .oh-i.oh-ic{display: grid; place-items: center; background: rgb(241, 245, 227); color: rgb(79, 107, 22); border-radius: 12px;}
.g8 .oh-ic svg{width: 21px; height: 21px;}
.g8 .od-chain .oh-i.oh-ic{width: 40px; height: 40px; background: rgb(255, 255, 255);}
.g8 .od-chain div{align-content: start;}
.g8 .btn,.g8 a.btn,.g8 button.btn,.g8 .og-more{transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s, background-color 0.2s, border-color 0.2s, color 0.2s !important;}
@media (hover: hover) and (pointer: fine){.g8 .og-more:hover{transform: translateX(3px);}}
@media (prefers-reduced-motion: reduce){.g8 .btn,.g8 a.btn,.g8 button.btn{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
.g8 .od-stage[data-step="2"] .od-p3{opacity: 1; visibility: visible;}
@media (prefers-reduced-motion: reduce){.g8 .od-line{animation: auto ease 0s 1 normal none running none;}}
.g8 .od-stage:not([data-step="0"]) .od-det{animation: auto ease 0s 1 normal none running none;}
.g8 h1:where(:not(.rgx *)),.g8 h2:where(:not(.rgx *)){font-family: var(--f-head); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0px; text-wrap: balance;}
.g8 .btn svg.icf:where(:not(.rgx *)){width: 17px; height: 17px;}
.g8 .mk-s{font-size: 13px; line-height: 1.45; color: var(--ink-3); margin: 0px;}
.g8 .cf-d{display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin: 0px 0px 18px;}
.g8 .cf-d div{min-width: 0px;}
.g8 .cf-d dt{font-size: 12px; color: var(--ink-3); font-weight: 600;}
.g8 .cf-d dd{margin: 2px 0px 0px; font-size: 14px; color: var(--ink);}
.g8 .oip-h{display: grid; grid-template-columns: 140px minmax(0px, 1fr); gap: 20px; align-items: center; margin-bottom: 26px;}
.g8 .oip-h h1{margin: 0px 0px 4px; font-family: Poppins, "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 600; font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem);}
.g8 .oip-d dd{display: flex; flex-wrap: wrap; align-items: center; gap: 4px;}
@media (max-width: 720px){.g8 .oip-h{grid-template-columns: 96px minmax(0px, 1fr);}}
.g8 .od-pub .oip-h{grid-template-columns: auto 1fr; align-items: center;}
.g8 .od-pbag{width: 170px;}
.g8 .od-pbag img{width: 100%; height: auto; filter: drop-shadow(rgba(38, 46, 16, 0.25) 0px 16px 20px);}
.g8 .od-pq{width: 120px; margin-top: 12px;}
.g8 .od-trp{list-style: none; margin: 0px; padding: 0px; display: grid; gap: 8px;}
.g8 .od-trp li{display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid var(--line-2);}
.g8 .od-trp .oh-i{width: 34px; height: 34px;}
.g8 .od-trp b{display: block; font-size: 15px;}
.g8 .od-trp small{display: block; font-size: 13px; color: var(--ink-3);}
@media (max-width: 560px){.g8 .od-pub .oip-h{grid-template-columns: 1fr;}}
@media (max-width: 560px){.g8 .od-pbag{width: 140px;}}
.g8 .od-sub{margin: -4px 0px 8px; font-size: 16px; font-weight: 600; color: var(--ink-2);}
.g8 .od-from{display: flex; align-items: center; gap: 8px; margin: 0px 0px 14px; font-size: 15px;}
.g8 .od-from svg{width: 18px; height: 18px; color: var(--lima-d); flex: 0 0 auto;}
.g8 .od-idl{font-size: 12.5px; color: var(--ink-3); margin-top: 10px;}
.g8 .od-pub .oip-h{gap: 22px; grid-template-columns: auto 1fr auto !important;}
.g8 .od-pub #od-finca,.g8 .od-pub #od-ficha,.g8 .od-pub #od-cadena{scroll-margin-top: calc(var(--hdr) + 16px);}
@media (max-width: 760px){.g8 .od-pub .oip-h{grid-template-columns: 1fr !important;}}
@media (max-width: 760px){.g8 .od-pub .od-pq{width: 110px;}}
.g8 .od-trp .oh-i.oh-ic{width: 40px; height: 40px;}
.g8 .od-trp{position: relative; gap: 6px;}
.g8 .od-trp li{grid-template-columns: 40px minmax(0px, 1fr) auto; gap: 14px; padding: 12px 16px 12px 12px; border-color: rgb(227, 229, 214); position: relative;}
.g8 .od-trp li:not(:last-child)::after{content: ""; position: absolute; left: 31px; bottom: -7px; width: 2px; height: 8px; background: rgb(220, 230, 200);}
.g8 .od-trp b{color: var(--ink);}
.g8 .od-trp li.od-pend .oh-ic{background: rgb(244, 243, 238); color: rgb(154, 160, 136);}
.g8 .od-trp li.od-pend b{color: rgb(91, 99, 72);}
.g8 .od-ch{align-items: center;}
.g8 .od-prog{display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; color: rgb(107, 115, 88);}
.g8 .od-prog b{color: var(--ink);}
.g8 .od-prog .od-pbar{position: static; display: inline-block; flex: 0 0 120px; width: 120px; height: 6px; min-height: 0px; padding: 0px; margin: 0px; border-radius: 9px; background: rgb(227, 229, 214); overflow: hidden;}
.g8 .od-pbar i{display: block; height: 100%; border-radius: 9px; background: var(--lima);}
.g8 .od-leg{display: flex; flex-wrap: wrap; gap: 6px 18px; margin: -6px 0px 12px; font-size: 12.5px; color: rgb(107, 115, 88);}
.g8 .od-leg span{display: inline-flex; align-items: center; gap: 6px;}
.g8 .od-dot{width: 9px; height: 9px; border-radius: 50%; display: inline-block;}
.g8 .od-dot.d{background: rgb(201, 207, 184);}
.g8 .od-dot.p{background: rgb(232, 196, 106);}
@media (max-width: 560px){.g8 .od-trp li{grid-template-columns: 40px minmax(0px, 1fr);}}
@media (max-width: 560px){.g8 .od-trp li > .oc{grid-column: 2; justify-self: start;}}
@media (max-width: 560px){.g8 .od-prog .od-pbar{width: 80px; flex-basis: 80px;}}
.g8 .pf-empty{display: grid; justify-items: center; gap: 8px; text-align: center; padding: 44px 20px; border: 1px dashed var(--line-h); border-radius: 20px; background: rgb(255, 255, 255); color: var(--ink-2);}
.g8 .pf-empty > svg{width: 30px; height: 30px; color: var(--ink-3);}
.g8 .pf-empty b{font-family: var(--f-head); font-weight: 600; font-size: 17px; color: var(--ink);}
.g8 .pf-empty p{margin: 0px; max-width: 52ch; font-size: 14px;}
.g8 .nf-box{max-width: 620px; margin: 40px auto;}
/* ===== Menu Para empresas ===== */
body .sol-pop,body .sol-pop *{box-sizing:border-box}
body .sol-pop{position: absolute; z-index: 130; width: 360px; max-width: calc(-24px + 100vw); background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 20px; box-shadow: rgba(26, 26, 23, 0.5) 0px 30px 70px -30px; padding: 8px;}
body .sol-m{display: grid; gap: 2px;}
body .sol-m > p{margin: 6px 10px; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3);}
body .sol-m a{display: grid; grid-template-columns: 38px minmax(0px, 1fr); gap: 12px; align-items: center; padding: 9px 10px; border-radius: 14px; color: var(--ink);}
body .sol-m a > svg{width: 38px; height: 38px; padding: 9px; border-radius: 11px; background: var(--lima-wash); color: var(--lima-ink);}
body .sol-m b{display: block; font-size: 14px; font-weight: 700;}
body .sol-m small{display: block; font-size: 12px; color: var(--ink-3); line-height: 1.35;}
@media (hover: hover) and (pointer: fine){body .sol-m a:hover{background: var(--cream);}}
body .sol-ic{display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--lima-wash);}
body .sol-ic img{width: 26px; height: 26px; display: block; object-fit: contain;}
body .sol-mega{width: min(560px, -24px + 100vw);}
body .sol-pl{margin-top: 6px; padding-top: 8px; border-top: 1px solid rgb(238, 240, 230);}
body .sol-pl > p{margin: 0px 0px 4px;}
body .sol-pl a svg{width: 20px; height: 20px; color: rgb(74, 101, 23); margin: 0px 10px 0px 6px;}
body .sol-cta{justify-content: center; align-items: center; gap: 6px; margin-top: 10px; border-radius: 14px; font-weight: 800; text-decoration: none; display: flex !important; padding: 12px !important; background: rgb(74, 101, 23) !important; color: rgb(255, 255, 255) !important;}
body .sol-cta svg{width: 15px; height: 15px;}
body #solPop:has(.sol-mega){width: min(520px, -24px + 100vw) !important; max-width: none;}
body .sol-mega .sol-pl > p.sol-h{font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgb(95, 106, 85) !important; padding: 0px 10px !important; margin: 4px 0px !important;}
body .sol-ics{place-items: center; display: grid !important;}
body .sol-ics svg{color: rgb(74, 101, 23); width: 20px !important; height: 20px !important; margin: 0px !important;}
body .sol-mega .sol-cta{margin: 10px 6px 4px;}
body .sol-mega .sol-cta{box-sizing: border-box; width: auto !important; grid-template-columns: none !important; margin: 10px 4px 4px !important;}
body .sol-mega .sol-cta svg{width: 16px !important; height: 16px !important; background: none !important; padding: 0px !important;}
body .sol-pop .sol-mega{width:auto}
/* ===== Volver global ===== */
body .g8back{padding: 12px 0px 0px;}
body .g8back-b{display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0px 14px 0px 10px; border-radius: 999px; border: 1px solid var(--line,#E4E5D9); background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13.5px; font-weight: 700; color: rgb(27, 28, 23); cursor: pointer; transition: background 0.2s;}
body .g8back-b:hover{background: rgb(241, 245, 227);}
body .g8back-b svg{width: 16px; height: 16px;}
body .g8back{padding-top:12px;padding-bottom:0}body .g8back[hidden]{display:none}
/* ===== Menu Unase a Scoffee (Registrate) ===== */
body .am{display: flex; flex-direction: column;}
body .am{display: flex; flex-direction: column;}
body .acct-menu .am.rg{width: min(440px, -24px + 100vw); padding: 14px;}
body .rg-h{padding: 4px 6px 10px; border-bottom: 1px solid rgb(238, 240, 230); margin-bottom: 6px;}
body .rg-g{padding: 6px 0px;}
body .rg-t{display: flex; align-items: center; gap: 6px; margin: 4px 6px 6px; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(74, 101, 23);}
body .rg-o{display: grid; grid-template-columns: 44px minmax(0px, 1fr) 14px; gap: 12px; align-items: center; width: 100%; padding: 9px 8px; border: 0px; border-radius: 12px; background: none; font: inherit; text-align: left; color: rgb(27, 28, 23); text-decoration: none; cursor: pointer;}
body .rg-o:hover{background: rgb(243, 246, 235); outline: none;}
body .rg-oi{display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(rgb(244, 247, 236), rgb(233, 239, 220)); box-shadow: rgba(74, 101, 23, 0.1) 0px 0px 0px 1px inset, rgba(27, 28, 23, 0.05) 0px 1px 2px; color: rgb(74, 101, 23); transition: background 0.18s, box-shadow 0.18s, transform 0.18s;}
body .rg-oi img{width: 29px; height: 29px; object-fit: contain; display: block; transition: transform 0.18s;}
body .rg-o:hover .rg-oi{background: rgb(255, 255, 255); box-shadow: rgba(74, 101, 23, 0.22) 0px 0px 0px 1px inset, rgba(27, 28, 23, 0.08) 0px 2px 6px;}
body .rg-o:hover .rg-oi img{transform: scale(1.06);}
body .rg-o > svg{transition: transform 0.18s;}
body .rg-o:hover > svg{transform: translateX(2px); color: rgb(74, 101, 23);}
body .rg-o b{display: block; font-size: 14px;}
body .rg-o small{display: block; font-size: 12px; line-height: 1.4; color: rgb(95, 106, 85);}
body .rg-o > svg{width: 14px; height: 14px; color: rgb(154, 162, 144);}
body .rg-f{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; padding: 10px 8px; border-top: 1px solid rgb(238, 240, 230); font-size: 13.5px; color: rgb(58, 61, 53);}
body .rg-f .btn svg{width: 15px; height: 15px;}
body .rg-x{display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 6px 8px 2px;}
body .rg-l{display: inline-flex; align-items: center; gap: 6px; border: 0px; background: none; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; color: rgb(95, 106, 85); text-decoration: none; cursor: pointer;}
body .rg-l svg{width: 14px; height: 14px;}
body .rg-l:hover{color: rgb(27, 28, 23);}
body .am.rg{padding: 0px 14px 14px;}
body .rg-h{position: relative; overflow: hidden; margin: -1px -14px 8px; border-radius: 21px 21px 0px 0px; padding: 18px 22px 20px; border-bottom: 0px; color: rgb(255, 255, 255); background: radial-gradient(120% 140% at 100% 0%, rgba(153, 195, 65, 0.38) 0%, rgba(153, 195, 65, 0) 55%), radial-gradient(90% 120% at 0% 100%, rgba(74, 101, 23, 0.9) 0%, rgba(74, 101, 23, 0) 60%), linear-gradient(160deg, rgb(44, 55, 18) 0%, rgb(38, 46, 16) 55%, rgb(30, 37, 12) 100%);}
body .rg-h::after{content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0px, rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 14px); pointer-events: none;}
body .rg-brand{position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; margin-bottom: 14px;}
body .rg-brand .logo-mark{width: 26px; height: 26px; filter: drop-shadow(rgba(153, 195, 65, 0.35) 0px 2px 6px);}
body .rg-bt{font-family: var(--f-head); font-weight: 700; font-size: 19px; letter-spacing: -0.6px; color: rgb(182, 219, 94); line-height: 1;}
body .rg-cta{position: relative; z-index: 1; margin: 8px 0px 4px; font-family: 'Poppins',var(--f-head); font-weight: 500; font-size: 14.5px; line-height: 1.35; letter-spacing: -0.01em; color: rgb(230, 240, 207);}
body .rg-g{padding: 4px 0px 2px;}
body .rg-t{display: flex; align-items: center; gap: 10px; margin: 12px 8px 6px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.14em; color: rgb(110, 138, 46);}
body .rg-t::after{content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, rgb(227, 233, 210), rgba(227, 233, 210, 0));}
body .rg-o{position: relative; isolation: isolate; overflow: hidden; grid-template-columns: 40px minmax(0px, 1fr) 16px; gap: 13px; padding: 10px; border-radius: 14px; transition: background 0.25s, box-shadow 0.25s, transform 0.25s; opacity: 0; animation: 0.42s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal forwards running rgUp;}
body .rg-g .rg-o:nth-of-type(1){animation-delay: 0.04s;}
body .rg-g .rg-o:nth-of-type(2){animation-delay: 0.09s;}
body .rg-g .rg-o:nth-of-type(3){animation-delay: 0.14s;}
body .rg-g + .rg-g .rg-o{animation-delay: 0.12s;}
body .rg-g + .rg-g + .rg-g .rg-o{animation-delay: 0.2s;}
@keyframes rgUp { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: none; } }
body .rg-o::before{content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; opacity: 0; transition: opacity 0.3s; background: radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(153,195,65,.22),rgba(153,195,65,0) 70%);}
body .rg-o::after{content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; padding: 1px; opacity: 0; transition: opacity 0.3s; background: radial-gradient(140px circle at var(--mx,50%) var(--my,50%),rgba(110,150,30,.75),rgba(110,150,30,0) 75%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px);}
body .rg-o:hover{background: rgb(248, 250, 242); box-shadow: rgba(38, 46, 16, 0.45) 0px 8px 22px -14px;}
body .rg-o:hover::before,body .rg-o:hover::after{opacity: 1;}
body .rg-o:active{transform: scale(0.99);}
body .rg-oi{position: relative; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(rgb(246, 249, 238), rgb(234, 240, 220)); box-shadow: rgba(74, 101, 23, 0.1) 0px 0px 0px 1px inset, rgba(27, 28, 23, 0.05) 0px 1px 2px;}
body .rg-oi::after{content: ""; position: absolute; inset: -1px; border-radius: 13px; border: 1.5px solid rgba(153, 195, 65, 0.7); opacity: 0; transform: scale(0.9);}
body .rg-o:hover .rg-oi::after{animation: 1.4s ease-out 0s infinite normal none running rgSense;}
body .rg-oi img{width: 23px; height: 23px;}
body .rg-o:hover .rg-oi{background: rgb(255, 255, 255); box-shadow: rgba(74, 101, 23, 0.25) 0px 0px 0px 1px inset, rgba(74, 101, 23, 0.35) 0px 4px 12px -4px;}
body .rg-o:hover .rg-oi img{transform: scale(1.08);}
body .rg-o b{font-size: 14px; font-weight: 700; letter-spacing: -0.01em; display: flex; align-items: center; gap: 7px;}
body .rg-o small{font-size: 12px; color: rgb(102, 112, 92); margin-top: 1px;}
body .rg-tag{font-style: normal; font-size: 9.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(74, 101, 23); background: rgb(234, 243, 211); border: 1px solid rgb(213, 229, 174); padding: 2px 6px; border-radius: 999px;}
body .rg-o > svg{width: 15px; height: 15px; color: rgb(166, 174, 156); transition: transform 0.25s, color 0.25s;}
body .rg-o:hover > svg{transform: translateX(3px); color: rgb(74, 101, 23);}
body .rg-f{margin: 10px 0px 0px; padding: 14px 8px 6px; border-top: 1px solid rgb(238, 240, 230);}
body .rg-f .btn{border-radius: 999px; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;}
body .rg-f .btn:hover{border-color: rgb(153, 195, 65); box-shadow: rgba(153, 195, 65, 0.15) 0px 0px 0px 4px;}
body .rg-x{padding: 4px 8px 0px;}
body .rg-l:hover{color: rgb(74, 101, 23);}
@media (prefers-reduced-motion: reduce){body .rg-o{animation: auto ease 0s 1 normal none running none; opacity: 1;}}
@media (prefers-reduced-motion: reduce){body .rg-o:hover .rg-oi::after{animation: auto ease 0s 1 normal none running none;}}
body .acct-menu .rg-h{margin: 0px -14px 4px; padding: 20px 22px 16px; border-radius: 0px; background: rgb(255, 255, 255); color: rgb(27, 28, 23); border-bottom: 1px solid rgb(238, 240, 230);}
body .acct-menu .rg-h::after{display: none;}
body .rg-brand{margin-bottom: 10px; gap: 9px;}
body .rg-brand .logo-mark{width: 30px; height: 30px; filter: none;}
body .rg-bt{font-family: var(--head,var(--f-head)); font-weight: 600; font-size: 25px; letter-spacing: -0.8px; color: rgb(153, 195, 65);}
body .rg-cta{margin: 0px; font-family: var(--f-body); font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: 0px; color: rgb(27, 28, 23);}
body .rg-h,body .acct-menu .rg-h{background: rgb(255, 255, 255) !important; color: rgb(27, 28, 23) !important; border-radius: 0px !important; margin: 0px 0px 4px !important; padding: 6px 6px 14px !important; border-bottom: 1px solid rgb(238, 240, 230) !important;}
body .acct-menu .rg-h{margin: 0px -14px 4px !important; padding: 20px 22px 16px !important;}
body .rg-h::after{display: none !important;}
body .rg-h .rg-cta{color: rgb(27, 28, 23) !important;}
body .rg-tag{background: rgb(255, 255, 255) !important; color: rgb(58, 61, 53) !important; border-color: rgb(218, 221, 210) !important;}
body .rg-oi{background: rgb(246, 246, 243) !important; box-shadow: rgb(230, 232, 224) 0px 0px 0px 1px inset !important;}
body .rg-o:hover .rg-oi{background: rgb(255, 255, 255) !important; box-shadow: rgb(214, 217, 206) 0px 0px 0px 1px inset, rgba(27, 28, 23, 0.25) 0px 4px 12px -6px !important;}
body .rg-o:hover{background: rgb(250, 250, 248) !important;}
body .rg-o::before{background: radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(27,28,23,.06),rgba(27,28,23,0) 70%) !important;}
body .rg-o::after{background: radial-gradient(140px circle at var(--mx,50%) var(--my,50%),rgba(27,28,23,.45),rgba(27,28,23,0) 75%) !important;}
body .rg-oi::after{border-color: rgba(27, 28, 23, 0.35) !important;}
body .rg-t{color: rgb(95, 106, 85) !important;}
body .btn,body button.btn,body .rg-f .btn{transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s, background-color 0.2s, border-color 0.2s, color 0.2s !important;}
body .btn:active,body button.btn:active,body .rg-f .btn:active{animation: 0.32s ease-out 0s 1 normal both running scfPress;}
body .rg-o:active{transform: scale(0.985) !important; transition: transform 0.12s !important;}
body #ctamenu.rgmenu{width:380px!important;max-width:calc(100vw - 24px);min-width:0;padding:6px!important;overflow:hidden;border-radius:20px;border:1px solid var(--line-2);box-shadow:0 18px 50px rgba(26,26,23,.18);background:#fff}body .btn-reg.abierto:not(.sesion){background:#fff!important;border-color:#1B1C17!important;color:#1A1A17!important}

/* Menu «Unase a Scoffee»: en el celular es una hoja desde abajo, como en la guia */
body .rg-sh{display:none}
@media (max-width:760px){
  body #ctamenu.rgmenu.on{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;z-index:3000;box-shadow:0 0 0 100vmax rgba(20,24,12,.45);transform:none;margin:0;-webkit-overflow-scrolling:touch;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  body #ctamenu.rgmenu .rg-sh{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:#fff;padding:18px 16px 8px;font-family:var(--f-head,'Poppins');font-size:17px}
  body #ctamenu.rgmenu .rg-grip{position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:4px;background:#d9dccf}
  body #ctamenu.rgmenu .rg-sh button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#e4e7da);background:#fff;display:grid;place-items:center;color:var(--ink,#1b1c17)}
  body #ctamenu.rgmenu .rg-h{margin-top:0}
}

body .g8back{padding-left:clamp(18px,2.6vw,48px);padding-right:clamp(18px,2.6vw,48px)}

.g8 .svx{color:#1B1C17}
.g8 .svx-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.9fr);gap:28px;align-items:start;margin:0 0 28px;padding:28px;border-radius:22px;background:#EEF3E4}
.g8 .svx-ey,.g8 .svx-k{margin:0 0 8px;font:700 12px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6AA81C}
.g8 .svx h1,.g8 .svx h2{margin:0 0 10px;font-family:Poppins,"Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.03em;color:#1B1C17}
.g8 .svx h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}
.g8 .svx-ht p{margin:0;max-width:62ch;font-size:16px;line-height:1.55;color:#3A3D35}
.g8 .svx-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.g8 .svx-who{margin-top:18px}
.g8 .svx-who span{display:block;margin-bottom:8px;font-size:13px;font-weight:700}
.g8 .svx-who div,.g8 .svx-aud{display:flex;flex-wrap:wrap;gap:8px}
.g8 .svx-who button,.g8 .svx-aud button{border:1px solid #D5D9CC;background:#fff;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;cursor:pointer;color:#1B1C17}
.g8 .svx-aud button[aria-checked="true"]{background:#1B1C17;color:#fff;border-color:#1B1C17}
.g8 .svx-route{margin:0;padding:18px;list-style:none;border-radius:18px;background:#fff;border:1px solid #E6E9DE;display:grid;gap:8px}
.g8 .svx-route p{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5C6554}
.g8 .svx-route li a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;text-decoration:none;color:inherit}
.g8 .svx-route li a:hover{background:#F6F8F1}
.g8 .svx-route img{width:40px;height:40px;object-fit:contain}
.g8 .svx-route small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6A7260}
.g8 .svx-route b{display:block;font-size:14px}
.g8 .svx-route em{display:block;font-style:normal;font-size:12.5px;color:#5C6554}
.g8 .svx-route strong{font-size:12px;color:#3E4E22}
.g8 .svx-route .is-soon strong{color:#8A5A12}
.g8 .svx-sec{margin:28px 0}
.g8 .svx-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:16px}
.g8 .svx-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g8 .svx-c{position:relative;padding:18px;border-radius:18px;background:#fff;border:1px solid #E6E9DE;display:flex;flex-direction:column;gap:10px}
.g8 .svx-c header{display:grid;grid-template-columns:auto 44px minmax(0,1fr);gap:10px;align-items:center}
.g8 .svx-c em{font-style:normal;font-weight:700;color:#6AA81C}
.g8 .svx-ib{width:44px;height:44px;border-radius:12px;background:#EEF3E4;display:grid;place-items:center}
.g8 .svx-ib img{width:28px;height:28px;object-fit:contain}
.g8 .svx-c b{display:block;font-size:16px}
.g8 .svx-c small{color:#5C6554}
.g8 .svx-c p{margin:0;color:#3A3D35;line-height:1.5}
.g8 .svx-c ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.g8 .svx-c li{padding-left:16px;position:relative;font-size:14px}
.g8 .svx-c li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#9AC341}
.g8 .svx-c footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.g8 .svx-c.is-soon{overflow:hidden}
.g8 .svx-ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.82);text-align:center}
.g8 .svx-ov b,.g8 .svx-soon{display:inline-block;padding:6px 12px;border-radius:999px;background:#F4E7C8;color:#6A4A12;font-size:13px}
.g8 .svx-ov small{display:block;margin-top:6px;color:#5C6554}
.g8 .svx-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.g8 .svx-steps li{display:flex;gap:10px;padding:16px;border-radius:16px;background:#fff;border:1px solid #E6E9DE}
.g8 .svx-steps i{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#9AC341;color:#1E2A0B;display:grid;place-items:center;font-style:normal;font-weight:700}
.g8 .svx-steps small{display:block;color:#6A7260;font-size:12px}
.g8 .svx-steps p{margin:6px 0 0;color:#3A3D35;font-size:14px;line-height:1.45}
.g8 .svx-end{padding:28px;border-radius:22px;background:#1B1C17;color:#fff}
.g8 .svx-end h2,.g8 .svx-end p{color:#fff}
.g8 .svx-end p{margin:0 0 8px}
.g8 .svx-pronto{max-width:640px;padding:36px 8px 48px}
.g8 .svx-pronto .svx-soon{margin:8px 0 18px}
.g8 .svx-empty{color:#5C6554}
@media (max-width:900px){.g8 .svx-hero,.g8 .svx-g,.g8 .svx-steps{grid-template-columns:1fr}}
body #ctamenu .rg2{width:100%!important;padding:0}
body #ctamenu .rg2-hero{display:flex;gap:12px;align-items:center;width:100%;padding:16px;border:0;border-radius:16px;background:#EEF3E4;color:#1B1C17;text-align:left;cursor:pointer;font:inherit;margin-bottom:2px}
body #ctamenu .rg2-hero:hover{background:#E4EDD2}
body #ctamenu .rg2-ht{display:grid;gap:5px;flex:1}
body #ctamenu .rg2-ht b{font-family:Poppins,sans-serif;font-size:17px;font-weight:600}
body #ctamenu .rg2-ht small{font-size:13px;line-height:1.5;color:#4A5340}
body #ctamenu .rg2-ht em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:13px;font-weight:700;color:#3E6A0E;margin-top:2px}
body #ctamenu .rg2-ht em svg{width:14px;height:14px}
body #ctamenu .rg2-hero img{flex:0 0 64px;width:64px;height:64px;object-fit:contain}
body #ctamenu .rg2-i{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border:0;border-top:1px solid #EEF1E7;border-radius:0;background:none;font:inherit;font-size:15px;font-weight:500;color:#1B1C17;text-decoration:none;text-align:left;cursor:pointer}
body #ctamenu .rg2-i:hover{background:#F6F8F1}
body #ctamenu .rg2-i svg{flex:0 0 20px;width:20px;height:20px;color:#4A5340}
body #ctamenu .rg2-i>svg:last-child{width:14px;height:14px;margin-left:auto;color:#A0A696}
body #ctamenu .rg2-i span{flex:1}
body #ctamenu .rg2-f{margin:6px 8px 4px;padding-top:10px;border-top:1px solid #EEF1E7;font-size:12px;line-height:1.5;color:#8A9080}
body #ctamenu .rg2-back{display:inline-flex;align-items:center;gap:6px;margin:4px 4px 6px;padding:6px 10px;border:0;border-radius:999px;background:#F3F6EC;font:inherit;font-size:13.5px;font-weight:500;color:#3A3D35;cursor:pointer}
body #ctamenu .rg2-back svg{width:14px;height:14px}
body #ctamenu .rg2-q{margin:6px 8px 10px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#1B1C17}
body #ctamenu .rg2-opt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;color:#1B1C17;text-decoration:none;border-top:1px solid #EEF1E7}
body #ctamenu .rg2-opt:first-of-type{border-top:0}
body #ctamenu .rg2-opt:hover{background:#F6F8F1}
body #ctamenu .rg2-oi{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#EEF3E4;display:grid;place-items:center}
body #ctamenu .rg2-oi img{width:34px;height:34px;object-fit:contain}
body #ctamenu .rg2-opt b{display:block;font-size:15px;font-weight:600}
body #ctamenu .rg2-opt small{display:block;font-size:12.5px;line-height:1.4;color:#6B735E;margin-top:1px}
body #ctamenu .rg2-opt>svg{margin-left:auto;flex:0 0 14px;width:14px;height:14px;color:#A0A696}
/* Idioma y moneda, el recuadro de la guía: sin borde verde. */
.hdr .curwrap .cur,.hdr .curwrap .cur:hover,.hdr .curwrap .cur.abierto{height:40px;padding:0 12px;border:0!important;border-radius:999px;background:none!important;box-shadow:none!important;font-size:14.5px;font-weight:500;color:#3A3D35!important}
.hdr .curwrap .cur:hover,.hdr .curwrap .cur.abierto{background:#F3F8E8!important;color:#1B1C17!important}
.hdr .curwrap .cur svg{width:18px;height:18px}
.hdr .curwrap .cur .cur-chev{width:13px;height:13px}
.hdr .curmenu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;z-index:140;min-width:270px;width:max-content;max-width:calc(100vw - 24px);padding:8px!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 24px 50px -20px rgba(27,28,23,.35),0 0 0 1px rgba(27,28,23,.06)!important}
.hdr .curmenu .hl-k{margin:4px 10px 8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#6B735E}
.hdr .curmenu button{display:grid!important;gap:2px;width:100%;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:12px!important;background:none!important;box-shadow:none!important;text-align:left}
.hdr .curmenu button:hover{background:#F6F8F1!important}
.hdr .curmenu button.on{background:#EEF3E4!important;border:0!important;box-shadow:none!important}
.hdr .curmenu b{display:block;font-size:15px;font-weight:600;color:#1B1C17}
.hdr .curmenu small{display:block;font-size:12.5px;color:#6B735E}
#avbtn.btn-reg:not(.sesion){height:44px;padding:0 22px;border:1px solid #E4E2D8;border-radius:999px;background:#fff;color:#1A1A17;font-size:15px;font-weight:700;letter-spacing:-.005em;box-shadow:0 1px 2px rgba(26,26,23,.05)}
#avbtn.btn-reg:not(.sesion):hover{background:#fff!important;border-color:#1B1C17!important;color:#1A1A17!important}

/* Planes para empresas: el mismo bloque de la guía Plataforma */
.ep-hero{margin:10px 0 0;padding:clamp(36px,4.5vw,64px);border-radius:28px;background:radial-gradient(120% 130% at 85% 0%,#2c3a14 0%,#1b230d 55%,#12170A 100%);color:#fff}
.ep-k{margin:0 0 10px;font:700 12px/1.2 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9AC341}
.ep-hero .ep-k{color:#C9E58F}
.ep-hero h1{margin:0;font:700 clamp(32px,3.6vw,52px)/1.06 Poppins,system-ui,sans-serif;letter-spacing:-.025em;color:#fff}
.ep-hero>p:not(.ep-k){margin:14px 0 0;max-width:58ch;font-size:16px;line-height:1.6;color:#D3DAC4}
.ep-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ep-act .btn{height:50px;padding:0 24px;justify-content:center}
.ep-gl{background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important}
.ep-sec{margin-top:clamp(40px,5vw,64px)}
.ep-h{max-width:720px;margin-bottom:20px}
.ep-h h2{margin:0;font:700 clamp(24px,2.4vw,32px)/1.15 Poppins,system-ui,sans-serif;letter-spacing:-.02em;color:#262E10}
.ep-h p:not(.ep-k){margin:10px 0 0;font-size:15px;line-height:1.6;color:#4A5340}
.ep-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ep-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px}
.ep-c{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8D8}
.ep-c.ep-top{box-shadow:inset 0 0 0 2px #9AC341}
.ep-badge{position:absolute;top:-11px;left:20px;padding:4px 10px;border-radius:999px;background:#9AC341;color:#1E2A0B;font:700 11.5px/1.2 'Plus Jakarta Sans',system-ui,sans-serif}
.ep-c h3{margin:0;font:700 20px/1.2 Poppins,system-ui,sans-serif;color:#262E10}
.ep-c small{display:block;margin-top:2px;font-size:13px;color:#6B735E}
.ep-p{display:flex;align-items:baseline;gap:6px;margin:16px 0 0}
.ep-p b{font:700 30px/1 Poppins,system-ui,sans-serif;color:#1B1C17;letter-spacing:-.02em}
.ep-p em{font-style:normal;font-size:13px;color:#6B735E}
.ep-y{margin:6px 0 0;min-height:2.6em;font-size:12.5px;line-height:1.35;color:#4E7417;font-weight:600}
.ep-c ul{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid #EEF0E8;display:grid;gap:9px}
.ep-c li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.4;color:#262E10}
.ep-c li svg{width:18px;height:18px;color:#628A14;margin-top:1px}
.ep-tb{display:grid;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8D8;overflow:hidden}
.ep-r{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:center;padding:18px 22px;color:inherit;text-decoration:none;border-top:1px solid #EEF0E8}
.ep-r:first-child{border-top:0}
.ep-r b{display:block;font:700 15.5px/1.3 'Plus Jakarta Sans',system-ui,sans-serif;color:#262E10}
.ep-r span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:#5A6350}
.ep-rp{text-align:right}
.ep-rp b{font-family:Poppins,system-ui,sans-serif;font-size:16px}
.ep-rp small{display:block;margin-top:2px;font-size:12.5px;color:#6B735E}
.ep-soon .ep-rp b{color:#B88A2E;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.ep-ges>div{padding:20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8D8}
.ep-ges em{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#EEF3E4;color:#4E7417;font:700 13px/1 Poppins,system-ui,sans-serif;font-style:normal}
.ep-ges b{display:block;margin-top:12px;font:700 16px/1.25 Poppins,system-ui,sans-serif;color:#262E10}
.ep-ges p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:#4A5340}
.ep-fn{margin:28px 0 8px;max-width:80ch;font-size:12.5px;line-height:1.55;color:#6B735E}
@media (hover:hover) and (pointer:fine){.ep-r:hover{background:#F8FAF3}}
@media (max-width:1100px){.ep-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ep-g4,.ep-g2{grid-template-columns:1fr}.ep-r{grid-template-columns:1fr}.ep-rp{text-align:left}}

/* Para empresas: héroe oscuro con la ruta, como en la guía */
.sv-guia{padding-bottom:48px}
.sv-guia .sv-hero2{display:block!important;margin:10px 0 0;padding:clamp(36px,4.5vw,72px);border-radius:28px;box-sizing:border-box;background:radial-gradient(120% 130% at 85% 0%,#2c3a14 0%,#1b230d 55%,#12170A 100%);color:#fff}
.sv-guia .sv-h2{display:grid!important;width:100%;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,4vw,72px);align-items:center}
.sv-guia .sv-h2t{min-width:0}
.sv-guia .sv-ey{margin:0 0 12px;font:700 12px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#C9E58F}
.sv-guia .sv-hero2 h1{margin:0 0 16px;max-width:none;font:700 clamp(36px,4vw,60px)/1.02 Poppins,system-ui,sans-serif;letter-spacing:-.03em;color:#fff}
.sv-guia .sv-hero2 h1+p{margin:0;max-width:52ch;font-size:16px;line-height:1.6;color:#D3DAC4}
.sv-guia .sv-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.sv-guia .sv-hero2 .sv-act .btn{height:50px;min-width:210px;justify-content:center}
.sv-guia .sv-hero2 .btn.ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.sv-guia .sv-who{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.sv-guia .sv-who>span{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:#C9D1B8}
.sv-guia .sv-who>div{display:flex;flex-wrap:wrap;gap:8px}
.sv-guia .sv-who button{height:36px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;font:600 13.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
.sv-guia .sv-who button[aria-checked="true"]{background:#9AC341;color:#1E2A0B;box-shadow:none}
.sv-guia .sv-route{width:100%;min-width:0;box-sizing:border-box;padding:22px;border-radius:24px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sv-guia .sv-rk{margin:0 4px 14px;font:700 12px/1.3 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#C9E58F}
.sv-guia .sv-route ol{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sv-guia .sv-route ol::before{content:"";position:absolute;left:34px;top:30px;bottom:30px;width:2px;background:repeating-linear-gradient(180deg,rgba(201,229,143,.55) 0 6px,transparent 6px 12px)}
.sv-guia .sv-route li a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px 14px;align-items:center;padding:10px 14px 10px 8px;border-radius:16px;background:#fff;color:#262E10;text-decoration:none}
.sv-guia .sv-ri{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#EEF3E4}
.sv-guia .sv-ri img{width:36px;height:36px;object-fit:contain}
.sv-guia .sv-rt{min-width:0}
.sv-guia .sv-rt small{display:block;font:700 11px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6AA81C}
.sv-guia .sv-rt b{display:block;margin-top:2px;font:700 15px/1.25 Poppins,system-ui,sans-serif;color:#262E10}
.sv-guia .sv-rt em{display:block;margin-top:2px;font-style:normal;font-size:13px;line-height:1.35;color:#5A6350}
.sv-guia .sv-rp{justify-self:end;white-space:nowrap;font:700 12.5px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#4E7417;text-align:right}
.sv-guia .sv-soon .sv-rp{color:#B88A2E;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.sv-guia .sv-soon .sv-rt small{color:#B88A2E}
.sv-guia .sv-k{margin:0 0 6px;font:700 12px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6AA81C}
.sv-guia .sv-sec{margin-top:56px}
.sv-guia .sv-sec h2,.sv-guia .sv-end h2{margin:0;font:700 clamp(22px,2.4vw,32px)/1.15 Poppins,system-ui,sans-serif;letter-spacing:-.02em;color:#262E10}
.sv-guia .sv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sv-guia .sv-aud{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E6E9DE}
.sv-guia .sv-aud button{height:38px;padding:0 15px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:13.5px;font-weight:700;color:#262E10;cursor:pointer}
.sv-guia .sv-aud button[aria-checked="true"]{background:#262E10;color:#fff}
.sv-guia .sv-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sv-guia .sv-c{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px #E6E9DE}
.sv-guia .sv-c[hidden]{display:none}
.sv-guia .sv-c header{display:flex;align-items:center;gap:14px}
.sv-guia .sv-c header em{flex:0 0 auto;font-style:normal;font-family:Poppins,sans-serif;font-size:14px;font-weight:800;color:#6AA81C}
.sv-guia .sv-ib{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:16px;background:#EEF3E4}
.sv-guia .sv-ib img{width:40px;height:40px;object-fit:contain}
.sv-guia .sv-ib img.sv-ic-caja{width:92%;height:92%}
.sv-guia .sv-ib img.sv-ic-saco{width:88%;height:88%}
.sv-guia .sv-ri img.sv-ic-caja{width:46px;height:46px}
.sv-guia .sv-c header b{display:block;font:700 19px/1.25 Poppins,system-ui,sans-serif;color:#262E10}
.sv-guia .sv-c header small{display:block;margin-top:2px;font-size:13px;color:#6B735E}
.sv-guia .sv-c>p{margin:14px 0 12px;font-size:14px;line-height:1.6;color:#3F4636}
.sv-guia .sv-c ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}
.sv-guia .sv-c li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#262E10}
.sv-guia .sv-c li svg{flex:0 0 18px;width:18px;height:18px;color:#628A14}
.sv-guia .sv-c footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #EEF0E8}
.sv-guia .sv-c footer span{font:700 15px/1.3 Poppins,system-ui,sans-serif;color:#4E7417}
.sv-guia .sv-c.is-soon{overflow:hidden}
.sv-guia .sv-empty{margin:12px 0 0;color:#6B735E}
.sv-guia .sv-steps2{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:22px 0 0;padding:0}
.sv-guia .sv-steps2::before{content:"";position:absolute;left:8%;right:8%;top:42px;height:2px;background:repeating-linear-gradient(90deg,#C9D9A8 0 8px,transparent 8px 16px)}
.sv-guia .sv-steps2 li{position:relative;z-index:1;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E3E8D8}
.sv-guia .sv-s2h{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:10px}
.sv-guia .sv-s2i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1E2A0B;color:#C9E58F}
.sv-guia .sv-s2i svg{width:22px;height:22px}
.sv-guia .sv-s2t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.sv-guia .sv-s2t b{margin:0;font:700 17px/1.2 Poppins,system-ui,sans-serif;color:#262E10}
.sv-guia .sv-s2t small{padding:3px 9px;border-radius:999px;background:#EEF3E4;color:#4E7417;font:700 11.5px/1.2 "Plus Jakarta Sans",system-ui,sans-serif}
.sv-guia .sv-s2n{font:700 26px/1 Poppins,system-ui,sans-serif;color:#E1E7D4}
.sv-guia .sv-steps2 p{margin:0;font-size:14px;line-height:1.5;color:#4A5340}
.sv-guia .sv-end{margin-top:56px;padding:40px clamp(20px,4vw,48px);border-radius:28px;background:#262E10;text-align:center}
.sv-guia .sv-end h2,.sv-guia .sv-end p{color:#fff}
.sv-guia .sv-end p{margin:8px 0 0;color:#D3DAC4}
.sv-guia .sv-end .sv-act{justify-content:center}
@media (hover:hover) and (pointer:fine){
  .sv-guia .sv-who button:hover{background:#9AC341;color:#1E2A0B;box-shadow:none}
  .sv-guia .sv-route li a:hover{transform:translateX(4px)}
  .sv-guia .sv-c:hover{box-shadow:0 0 0 2px #9AC341,0 22px 36px -28px rgba(38,46,16,.5);transform:translateY(-3px)}
  .sv-guia .sv-aud button:not([aria-checked="true"]):hover{background:#9AC341;color:#14200a}
}
@media (max-width:1000px){.sv-guia .sv-h2,.sv-guia .sv-g{grid-template-columns:1fr}}
@media (max-width:900px){.sv-guia .sv-steps2{grid-template-columns:1fr}.sv-guia .sv-steps2::before{display:none}}
@media (max-width:560px){.sv-guia .sv-route li a{grid-template-columns:44px minmax(0,1fr)}.sv-guia .sv-ri{width:44px;height:44px}.sv-guia .sv-rp{grid-column:2;text-align:left}.sv-guia .sv-route ol::before{left:30px}.sv-guia .sv-hero2 .sv-act .btn{min-width:0;flex:1 1 100%}}


/* ===== Cabecera y menú de cuenta de la guía v6 ===== */
/* Menú de visitante: «Servicios para empresas» como acordeón. */
body #ctamenu .rg2{padding:10px;line-height:1.55}
body #ctamenu .rg2 .rg2-back{width:auto}
body #ctamenu .rg2 :is(a,button,b,em,span){line-height:1.55}
body #ctamenu .rg2-hero{font-size:15px}
body #ctamenu .rg2-subs a{line-height:1.55}
body #ctamenu .rg2-im{flex:0 0 22px;width:22px;height:22px;object-fit:contain}
body #ctamenu .rg2-tg .rg2-ch{width:16px;height:16px;margin-left:auto;color:#6B735E;transition:transform .2s}
body #ctamenu .rg2-i>.rg2-ch:last-child{width:16px;height:16px;color:#6B735E}
body #ctamenu .rg2-tg[aria-expanded="true"] .rg2-ch{transform:rotate(180deg)}
body #ctamenu .rg2-subs{display:grid;padding:2px 0 8px 44px}
body #ctamenu .rg2-subs[hidden]{display:none}
body #ctamenu .rg2-subs a{padding:9px 10px;border-radius:10px;font-size:14px;color:#3A3D35;text-decoration:none}
body #ctamenu .rg2-subs a:hover{background:#F3F6EC;color:#1B1C17}
body #ctamenu .rg2-subs a.rg2-all{font-weight:600;color:#3E6A0E}
/* Barra superior: Explorar · Cosechas · Mercados · Sobre nosotros, centrada, sin subrayado. */
@media (min-width:981px){
  header.hdr .hdr-in{max-width:1760px;padding:0 2.6vw;gap:22px}
  header.hdr .nav{flex:1;justify-content:center;align-items:center;gap:6px;margin:0}
  header.hdr .nav .nav-i{padding:0 18px;height:auto;border-radius:0;font-size:16.5px;line-height:1.55;gap:7px}
  header.hdr .nav .nav-i.on::after{display:none}
  header.hdr .nav .nav-i:not(.on):hover{background:none;color:var(--ink)}
  header.hdr .hdr-r{gap:8px}
  header.hdr .curwrap{margin-right:10px}
  header.hdr .curwrap .cur{gap:7px}
}

/* En el celular, como la guía: logo, el icono de la cuenta y la pastilla «Regístrate»; el idioma pasa al menú. */
body #ctamenu .rg2-loc{display:none}
@media (max-width:980px){
  header.hdr .curwrap{display:none}
  body #ctamenu .rg2-loc{display:flex}
}
@media (max-width:760px){
  header.hdr .hdr-r{gap:8px}
  header.hdr .avwrap .btn-reg,header.hdr .btn-reg{height:38px!important;padding:0 14px!important;font-size:13.5px!important}
}
@media (max-width:760px){
  body #ctamenu.rgmenu.on{width:100%!important;max-width:none!important;left:0;right:0;box-sizing:border-box;padding:0 0 max(14px,env(safe-area-inset-bottom))!important}
  body #ctamenu.rgmenu .rg2{margin:0 16px;width:auto!important}
  body #ctamenu.rgmenu .rg2 .rg-sh{margin:0 -26px}
}