/* Flow-Bi · web B2 (diseño de Branko en Claude Design, 6-oct-2026).
   Traducción fiel de «Web Flow-Bi B2.dc.html»: lo que el boceto calcula en JS
   según el ancho (L.*) va acá como media queries en 860 px y 520 px. */
html,body{margin:0;background:#f5f1e8;color:#1a2a22;font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#3f6149;text-decoration:none}a:hover{color:#1a2a22}
button,input,textarea,select{font-family:inherit}
@keyframes entra{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes crece{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes destapa{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pulso{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes aparece{from{opacity:0}to{opacity:1}}

.b2-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:60;padding:8px 14px;border-radius:999px;background:#1f3a2e;color:#faf7f0}
.skip:focus{left:12px}
:focus-visible{outline:2px solid #3f6149;outline-offset:2px}

.b2{position:relative;min-height:100vh;overflow-x:clip;color:#1a2a22;--flor-cuerpo:#5a8268;--flor-halo:#7ea189;--lado:24px}
.b2-lienzo{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.b2-aura{position:fixed;inset:0;z-index:0;pointer-events:none;transition:background 900ms ease}

/* ── cabecera ── */
.b2-nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:min(1160px, calc(100vw - 20px));display:flex;align-items:center;gap:6px;padding:7px 7px 7px 14px;border-radius:999px;background:rgba(250,247,240,.38);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(255,255,255,.25), 0 12px 40px rgba(26,42,34,.08)}
.b2-nav .brand-lockup{display:flex;align-items:center;gap:8px;color:#1a2a22}
.b2-nav .brand-mark,.b2-nav .brand-mark picture{display:flex}
.b2-nav.nav .brand-lockup .brand-mark{width:30px!important;height:30px!important;flex:0 0 30px}
.b2-nav.nav .brand-lockup .brand-mark img{border-radius:50%}
.b2-marca{font-family:'Instrument Serif',serif;font-size:22px}
.b2-menu{display:flex;gap:2px;margin-left:14px}
.b2-menu a{padding:8px 13px;border-radius:999px;font-size:13.5px;color:#1a2a22;background:transparent;transition:background 150ms}
.b2-menu a:hover{background:rgba(255,255,255,.55)}
.b2-menu a[aria-current="page"]{background:rgba(255,255,255,.6)}
.b2-flex{flex:1}
.b2-nav .nav-actions{display:flex;align-items:center;gap:6px}
.b2-ingresar{display:inline-flex;padding:9px 14px;border-radius:999px;font-size:13.5px;color:#1a2a22}
.b2-probar{padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:500;background:#1f3a2e;color:#faf7f0;box-shadow:0 6px 18px rgba(31,58,46,.25);white-space:nowrap}
.b2-probar:hover{color:#faf7f0}
.b2-burger{display:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;font-size:18px;color:#1a2a22;align-items:center;justify-content:center}
.b2-burger svg{width:18px;height:18px}
.b2-menu-movil{position:fixed;top:72px;left:10px;right:10px;z-index:49;padding:10px;border-radius:24px;background:rgba(250,247,240,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px rgba(26,42,34,.15);display:flex;flex-direction:column;animation:entra 250ms ease backwards}
.b2-menu-movil[hidden]{display:none}
.b2-menu-movil nav{display:flex;flex-direction:column}
.b2-menu-movil a{padding:12px 14px;border-radius:14px;font-size:15px;color:#1a2a22}

/* ── secciones ── */
main{position:relative;z-index:1;padding-top:96px}
.b2-sec{max-width:1180px;margin:0 auto;padding-left:var(--lado);padding-right:var(--lado);animation:entra 600ms cubic-bezier(.22,1,.36,1) backwards}
.b2-pad-hero{padding-top:30px;padding-bottom:50px}
.b2-pad-tit{padding-top:50px;padding-bottom:10px}
.b2-pad-visual{padding-top:50px;padding-bottom:18px}
.b2-pad-muestra{padding-top:0;padding-bottom:20px}
.b2-pad-tarj{padding-top:0;padding-bottom:30px}
.b2-pad-demo{padding-top:0;padding-bottom:40px}

/* hero */
.b2-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center;min-height:calc(100vh - 160px)}
.b2-ceja{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(250,247,240,.5);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:#4a6358}
.b2-ceja span{width:7px;height:7px;border-radius:50%;background:#2f8a5c;animation:pulso 2s ease-in-out infinite}
.b2-h1{margin:20px 0 0;font-family:'Instrument Serif',serif;font-weight:400;font-size:98px;line-height:.96;letter-spacing:-.025em}
.b2-h1 em,.b2-h2 em{color:#3f6149}
.b2-lede{margin:20px 0 0;max-width:480px;font-size:17px;line-height:1.5;color:#4a6358;text-wrap:pretty}
.b2-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.b2-boton{padding:14px 22px;border-radius:999px;font-size:14.5px;font-weight:400;background:rgba(250,247,240,.55);color:#1a2a22;border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.b2-boton.primario{font-weight:500;background:#1f3a2e;color:#faf7f0;border-color:#1f3a2e;box-shadow:0 10px 26px rgba(31,58,46,.25)}
.b2-boton.primario:hover{color:#faf7f0}
.b2-logos{display:flex;align-items:center;gap:16px;margin:30px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.b2-logos li{display:flex;align-items:center;gap:16px}
.b2-logos .b2-logos-rot{font-size:12px;color:#637568}
.b2-logos img{height:20px;width:auto;opacity:.85}
.b2-logos .b2-prox img{opacity:.55}
.b2-hero .intro-legal-link{margin:14px 0 0;font-size:12px}
.b2-hero .intro-legal-link a{color:#637568}
.b2-escena{position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.b2-flor-toca{cursor:pointer;display:flex;background:none;border:0;padding:0}
.b2-globo-pila{position:relative;order:-1;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(320px, 90%)}
.b2-globo{padding:11px 16px;border-radius:20px 20px 20px 6px;background:rgba(250,247,240,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(26,42,34,.12);font-size:14px;line-height:1.4;text-align:center;margin:0}
.b2-globo.entra{animation:entra 420ms cubic-bezier(.22,1,.36,1) backwards}
.b2-puntos{display:flex;gap:5px}
.b2-puntos span{width:6px;height:6px;border-radius:9px;background:rgba(63,97,73,.25);transition:width 300ms}
.b2-puntos span.on{width:16px;background:#3f6149}
.b2-flotantes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.b2-flotante{position:relative;padding:12px 14px;border-radius:18px;background:rgba(250,247,240,.55);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1.5px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 16px 40px rgba(26,42,34,.1);animation:flota 6s ease-in-out infinite;min-width:170px;transition:border-color 400ms,box-shadow 400ms}
.b2-flotante.on{border-color:#3f6149;box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 16px 40px rgba(26,42,34,.2)}
.b2-flotante-r{font-size:11.5px;color:#4a6358;white-space:nowrap}
.b2-flotante-v{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.b2-flotante-v b{font-size:19px;font-weight:500;white-space:nowrap}
.b2-pill{padding:1px 7px;border-radius:9px;background:#dcefe3;color:#1a6e42;font-size:11.5px;white-space:nowrap}
.b2-sube{display:inline-block;width:.68em;height:.6em;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);margin-right:.32em}
.b2-pill.mal{background:#f8e0da;color:#b23a2a}

/* título de sección */
.b2-tit{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.b2-tit-ceja{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:#637568}
.b2-h2{margin:10px 0 0;font-family:'Instrument Serif',serif;font-weight:400;font-size:58px;line-height:1;letter-spacing:-.02em}
.b2-tit-texto{margin:0;max-width:400px;font-size:15px;line-height:1.5;color:#4a6358;text-wrap:pretty}
.b2-tit-visual{cursor:pointer;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit}
.b2-globo-chico{padding:10px 14px;border-radius:18px 18px 6px 18px;background:rgba(250,247,240,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 26px rgba(26,42,34,.1);font-size:13px;line-height:1.4;max-width:230px;margin:0}
.b2-globo-chico.entra{animation:entra 420ms cubic-bezier(.22,1,.36,1) backwards}

/* paneles (muestra) */
.b2-muestra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.b2-panel{position:relative;padding:20px;border-radius:28px;background:rgba(250,247,240,.48);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 30px 70px rgba(26,42,34,.09);display:flex;flex-direction:column;gap:14px;min-width:0}
.b2-panel-cab{display:flex;align-items:center;gap:8px}
.b2-panel-cab h3{margin:0;font-size:15px;font-weight:500;flex:1}
.b2-panel-zona{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;color:#637568}
.b2-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.b2-kpi{cursor:pointer;grid-column:span 1;padding:14px;border-radius:20px;background-color:rgba(250,247,240,.7);border:1px solid rgba(255,255,255,.85);transition:transform 150ms;min-width:0;text-align:left;font:inherit;color:inherit}
.b2-kpi:hover{transform:translateY(-2px)}
.b2-kpi.abierto{grid-column:span 2}
.b2-kpi-r{font-size:12px;color:#4a6358}
.b2-kpi-v{display:flex;align-items:baseline;gap:8px;margin-top:6px;flex-wrap:wrap}
.b2-kpi-v b{font-size:22px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.b2-kpi svg{display:block;width:100%;height:30px;margin-top:8px;overflow:visible;animation:destapa 900ms cubic-bezier(.22,1,.36,1) backwards}
.b2-kpi.abierto svg{height:70px}
.b2-kpi .antes{display:none}
.b2-kpi.abierto .antes{display:inline}
.b2-chat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;justify-items:stretch}
.b2-chat-msgs{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
.b2-chat-pregunta{align-self:flex-end;max-width:90%;padding:8px 13px;border-radius:16px 16px 4px 16px;background:rgba(250,247,240,.8);border:1px solid rgba(255,255,255,.9);font-size:13px;margin:0}
.b2-chat-respuesta{padding:12px 14px;border-radius:18px;background:rgba(250,247,240,.75);border:1px solid rgba(255,255,255,.9);font-size:13px;line-height:1.5;min-height:66px;margin:0}
.b2-chips{display:flex;gap:6px;flex-wrap:wrap}
.b2-chip{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(250,247,240,.65);font-size:12.5px;cursor:pointer;color:#1a2a22}
.b2-chip[aria-pressed="true"]{border-color:#3f6149}
.b2-barras{display:flex;flex-direction:column;gap:12px}
.b2-barra-cab{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}
.b2-barra-cab span{display:flex;align-items:center;gap:7px}
.b2-punto{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.b2-barra-cab b{font-weight:400;font-variant-numeric:tabular-nums}
.b2-riel{height:9px;border-radius:99px;background:rgba(26,42,34,.07);overflow:hidden}
.b2-riel span{display:block;height:100%;border-radius:99px;transform-origin:left;animation:crece 900ms cubic-bezier(.22,1,.36,1) backwards}
.b2-pie-panel{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.5);font-size:12.5px;margin:0}
.b2-pie-panel span{color:#4a6358}.b2-pie-panel b{font-weight:500}
.b2-dona{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.b2-dona svg{width:150px;height:150px;transform:rotate(-90deg);flex:0 0 150px}
.b2-dona circle.arco{animation:aparece 600ms ease backwards}
.b2-leyenda{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px;margin:0;padding:0;list-style:none}
.b2-leyenda li{display:flex;align-items:center;gap:8px;font-size:12.5px}
.b2-leyenda .b2-punto{width:9px;height:9px;flex-basis:9px}
.b2-leyenda li span:nth-child(2){flex:1}
.b2-leyenda li b{font-weight:400;font-variant-numeric:tabular-nums}
.b2-lista{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.b2-lista li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid rgba(26,42,34,.07)}
.b2-lista-i{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}
.b2-lista-i svg{width:15px;height:15px}
.b2-lista-t{flex:1;font-size:13px}
.b2-lista-z{padding:3px 9px;border-radius:999px;background:rgba(26,42,34,.06);font-size:11.5px;color:#4a6358}
.b2-nota{margin:0;font-size:13px;line-height:1.45;color:#4a6358}
.b2-tel-caja{display:flex;justify-content:center}
.b2-tel{position:relative;width:220px;height:440px;border-radius:38px;padding:8px;background:#1a2a22;box-shadow:0 30px 60px rgba(26,42,34,.22)}
.b2-tel-pantalla{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#f5f1e8;padding:30px 12px 12px;display:flex;flex-direction:column;gap:8px}
.b2-tel-saludo{font-size:16px;font-weight:500}
.b2-tel-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.b2-tel-kpi{padding:8px;border-radius:12px;background:#faf7f0;border:1px solid #fff}
.b2-tel-kpi span{display:block;font-size:9.5px;color:#4a6358}
.b2-tel-kpi b{display:block;font-size:13px;font-weight:500;margin-top:2px}
.b2-tel-curva{padding:8px;border-radius:12px;background:#faf7f0;border:1px solid #fff}
.b2-tel-curva svg{width:100%;height:60px}
.b2-tel-base{display:flex;justify-content:space-between;align-items:center}
.b2-tel-base i{width:38px;height:38px;border-radius:50%;background:#3f6149}

/* tarjetas */
.b2-grilla,.analista-zones{display:grid;gap:14px}
.b2-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* las nueve zonas de Analista v3, en 3 × 3 */
.analista-zones{grid-template-columns:repeat(3,minmax(0,1fr))}
.b2-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.b2-tarjeta{position:relative;padding:20px;border-radius:24px;background:rgba(250,247,240,.5);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);display:flex;flex-direction:column;gap:10px;transition:transform 160ms,box-shadow 160ms;min-width:0;color:#1a2a22}
a.b2-tarjeta:hover,.b2-tarjeta.va:hover{transform:translateY(-3px);color:#1a2a22}
.b2-tarjeta.fuerte{background:rgba(250,247,240,.62)}
.b2-tarjeta.mas-fuerte{background:rgba(250,247,240,.68)}
.b2-tarjeta-cab{display:flex;align-items:center;gap:10px}
.b2-tarjeta-logo{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center}
.b2-tarjeta-logo img{width:22px;height:22px;object-fit:contain}
.b2-tarjeta-num{font-family:'Instrument Serif',serif;font-size:30px;color:#3f6149}
.b2-estado{padding:3px 10px;border-radius:999px;font-size:11px;background:#ede7d8;color:#4a6358}
.b2-estado.si{background:#dcefe3;color:#1a6e42}
.b2-tarjeta h3,.b2-tarjeta h2{margin:0;font-family:Inter,sans-serif;font-weight:500;font-size:16px}
.b2-tarjeta.serif h3,.b2-tarjeta.serif h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:28px}
.b2-tarjeta.serif30 h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:30px}
.b2-tarjeta.serif32 h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:32px}
.analista-zones{margin:0}
.b2-tarjeta dt{font-weight:500;font-size:16px}
.analista-zone dt,.analista-zone dd,#alcance{scroll-margin-top:110px}
.b2-tarjeta dd{margin:0;flex:1;display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.5;color:#4a6358}
.b2-tarjeta p{margin:0;font-size:13.5px;line-height:1.5;color:#4a6358}
.b2-tarjeta .b2-chips-t{display:flex;flex-wrap:wrap;gap:5px;margin:auto 0 0;padding:0;list-style:none}
.b2-chips-t li{padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.6);font-size:11.5px;color:#4a6358}
.b2-accion{margin-top:auto;font-size:13px;color:#3f6149}
.b2-tarjeta .b2-accion.primary{color:#3f6149}
.b2-alto-150{min-height:150px}.b2-alto-170{min-height:170px}.b2-alto-200{min-height:200px}.b2-alto-240{min-height:240px}
.b2-precio{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#4a6358}
.b2-precio p{margin:0;font-size:12.5px}
.b2-precio [data-precio-detalle] p{margin:0}
.b2-precio .precio-actions{display:flex;gap:8px;flex-wrap:wrap}
.b2-precio .precio-actions a,.b2-precio .precio-actions button{padding:8px 14px;border-radius:999px;font-size:13px;border:1px solid rgba(255,255,255,.85);background:rgba(250,247,240,.6);color:#1a2a22;cursor:pointer}
.b2-precio .precio-actions a.primary{background:#1f3a2e;color:#faf7f0;border-color:#1f3a2e}

/* flores */
.b2-flores{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.b2-flores li{padding:16px 10px 12px;border-radius:24px;background:rgba(250,247,240,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;gap:8px}
.b2-flores span{font-size:12.5px;font-weight:500}

/* demo */
.b2-zonas{display:flex;gap:6px;flex-wrap:wrap;overflow-x:auto;margin:0 calc(-1 * var(--lado)) 12px;padding:0 var(--lado) 4px;scrollbar-width:none}
.b2-zona{padding:9px 14px;border-radius:999px;cursor:pointer;font-size:13px;border:1px solid rgba(255,255,255,.8);background:rgba(250,247,240,.55);color:#1a2a22;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}
.b2-zona[aria-pressed="true"]{border-color:#1f3a2e;background:#1f3a2e;color:#faf7f0}
.b2-demo-marco{border-radius:28px;padding:10px;background:rgba(250,247,240,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.82);box-shadow:0 40px 90px rgba(26,42,34,.14)}
.b2-demo-vista{position:relative;border-radius:20px;overflow:hidden;height:720px}
.b2-demo-vista iframe{position:absolute;left:0;top:0;width:100%;height:720px;border:0;transform-origin:0 0;background:#f5f1e8}
.b2-demo-aviso{margin:10px 4px 0;font-size:12.5px;color:#637568}

/* preguntas */
.b2-faq{display:flex;flex-direction:column;gap:8px;max-width:820px}
.b2-faq details{border-radius:18px;background:rgba(250,247,240,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);overflow:hidden}
.b2-faq summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font-size:14.5px;color:#1a2a22;list-style:none}
.b2-faq summary::-webkit-details-marker{display:none}
.b2-faq summary span{flex:1}
.b2-faq summary svg{width:14px;height:14px;transition:transform 240ms}
.b2-faq details[open] summary svg{transform:rotate(180deg)}
.b2-faq-cuerpo{display:grid;grid-template-rows:1fr;transition:grid-template-rows 260ms cubic-bezier(.22,1,.36,1)}
.b2-faq-cuerpo.cerrando{grid-template-rows:0fr}
.b2-faq-cuerpo>div{overflow:hidden}
.b2-faq p{margin:0;padding:0 16px 14px;font-size:13.5px;line-height:1.55;color:#4a6358}

/* formularios y tarjeta de cuenta */
.b2-form{max-width:520px;padding:22px;border-radius:28px;background:rgba(250,247,240,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);display:flex;flex-direction:column;gap:12px;margin:0}
.b2-form .form-fields{display:flex;flex-direction:column;gap:12px}
.b2-form .form-fields[hidden]{display:none}
.b2-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#4a6358}
.b2-form label span{color:#637568}
.b2-form input:not([type=radio]):not([type=checkbox]),.b2-form select,.b2-form textarea{height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(26,42,34,.12);background:rgba(255,255,255,.7);font-size:14px;color:#1a2a22;outline:none;width:100%}
.b2-form textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical}
.b2-form input:focus,.b2-form textarea:focus,.b2-form select:focus{border-color:#3f6149}
.b2-form fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.b2-form legend{font-size:12.5px;color:#4a6358;margin-bottom:6px;padding:0}
.b2-form fieldset label{flex-direction:row;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(250,247,240,.65);font-size:12.5px;color:#1a2a22;cursor:pointer}
.b2-form fieldset label:has(input:checked){border-color:#3f6149}
.b2-form fieldset input{margin:0;accent-color:#1f3a2e}
.b2-form .contact-otra input[type=text]{height:28px;width:120px;padding:0 8px;border-radius:10px}
.b2-form .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.b2-form .contact-branch{display:flex;flex-direction:column;gap:12px}
.b2-form .contact-branch[hidden]{display:none}
.b2-form p{margin:0;font-size:12.5px;line-height:1.5;color:#637568}
.b2-form .primary,.b2-entrar{height:46px;border-radius:999px;border:0;background:#1f3a2e;color:#faf7f0;font-size:14.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.b2-form .primary svg{width:16px;height:16px}
.b2-entrar:hover{color:#faf7f0}
.b2-entrar svg{width:16px;height:16px;flex:0 0 16px}
.b2-form-nota{text-align:center}
#contact-status{margin:0;font-size:13px;color:#1a2a22}
#contact-status[data-error="true"]{color:#b23a2a}
#contact-status:empty{display:none}

/* llamado final */
.b2-cta{text-align:center;padding:30px 0}
.b2-cta .b2-h2{margin-top:12px}
.b2-cta-botones{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}
.b2-cta-botones a{padding:14px 24px;border-radius:999px;font-size:14.5px}
.b2-cta-botones a.primario{background:#1f3a2e;color:#faf7f0;font-weight:500}
.b2-cta-botones a.secundario{background:rgba(250,247,240,.6);border:1px solid rgba(255,255,255,.85);color:#1a2a22}

/* pie */
.b2-pie{max-width:1180px;margin:40px auto 0;padding:30px 24px 50px;font-size:13px;color:#637568;border-top:1px solid rgba(36,58,48,.12);position:relative;z-index:1}
.b2-pie-grilla{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:24px}
.b2-pie-marca{font-family:'Instrument Serif',serif;font-size:24px;color:#1a2a22}
.b2-pie p{margin:8px 0 0;max-width:260px;line-height:1.5}
.b2-pie nav{display:flex;flex-direction:column;gap:8px}
.b2-pie-tit{font-size:11px;letter-spacing:.08em;font-family:'JetBrains Mono',monospace}
.b2-pie nav a{color:#1a2a22}
.b2-pie-legal{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid rgba(36,58,48,.08);font-size:12.5px}
.b2-pie-legal nav{flex-direction:row;flex-wrap:wrap;gap:8px 16px}
.b2-pie-legal nav a{color:#4a6358}

/* ── < 860 px: menú hamburguesa y una columna ── */
@media (max-width:859.98px){
  .b2-menu,.b2-ingresar{display:none}
  .b2-burger{display:flex}
  .b2-hero{grid-template-columns:minmax(0,1fr);min-height:auto}
  .b2-h1{font-size:58px}
  .b2-h2{font-size:40px}
  .b2-escena{min-height:340px}
  .b2-flotantes{display:none}
  .b2-pad-visual{padding-top:24px;padding-bottom:10px}
  .b2-muestra{grid-template-columns:minmax(0,1fr)}
  .b2-g4,.analista-zones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2-g3{grid-template-columns:minmax(0,1fr)}
  .b2-flores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2-zonas{flex-wrap:nowrap}
  .b2-pie-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ── < 520 px: márgenes 16, KPI 17, tarjetas y chat en una columna ── */
@media (max-width:519.98px){
  .b2{--lado:16px}
  .b2-pad-hero{padding-top:16px;padding-bottom:30px}
  .b2-pad-tit{padding-top:34px;padding-bottom:8px}
  .b2-h1{font-size:46px}
  .b2-h2{font-size:36px}
  .b2-panel{padding:14px}
  .b2-kpi-v b{font-size:17px}
  .b2-chat{grid-template-columns:minmax(0,1fr);justify-items:center}
  .b2-g4,.analista-zones{grid-template-columns:minmax(0,1fr)}
  .b2-form .field-pair{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
}