/* ==========================================================================
   /agrobot - AgroBot, SmartBot para el agro
   Scoped under body.page-agrobot. Shared tokens, header, FAQ, rel, cta-final
   and footer come from styles.css. Prefix: ab-
   ========================================================================== */

body.page-agrobot {
  --ab-soil: #2b2118;
  --ab-dark: #0f1410;
  --ab-wheat: #d9a441;
  --ab-olive: #5b6b3a;
  --ab-crm: #5eb2fc;
  --ab-purple: #8b5cf6;
  --ab-ink: #1a1a1b;
  --ab-muted: #6e6e6e;
  --ab-line: rgba(17, 16, 17, 0.08);
  --ab-card: #ffffff;
  --ab-off: #f5f5ef;
  --ab-r: 24px;
  --ab-r-lg: 36px;
  --ab-sp: 24px;
  background: var(--c-bg);
  color: var(--ab-ink);
}

body.page-agrobot .ab-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
body.page-agrobot .ab-sec { padding: 112px 0; }
body.page-agrobot .ab-sec--off { background: var(--ab-off); }
body.page-agrobot .ab-sec--dark { background: var(--ab-dark); color: #f5f5ef; }
body.page-agrobot .ab-kicker { display: inline-flex; align-items: center; gap: 8px; font-family: "DM Mono", monospace; font-weight: 500; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ab-muted); }
body.page-agrobot .ab-kicker::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ab-purple); }
body.page-agrobot .ab-sec--dark .ab-kicker { color: rgba(245, 245, 239, 0.7); }
body.page-agrobot .ab-h2 { margin: 18px 0 0; font-family: var(--f-dm); font-weight: 700; font-size: 44px; line-height: 1.05; letter-spacing: -0.03em; color: var(--ab-ink); }
body.page-agrobot .ab-sec--dark .ab-h2 { color: #f5f5ef; }
body.page-agrobot .ab-h2 em, body.page-agrobot .ab-h1 em, body.page-agrobot .ab-serif { font-family: var(--f-serif); font-style: italic; font-weight: 400; letter-spacing: -0.01em; }
body.page-agrobot .ab-lead { margin: 20px 0 0; max-width: 720px; font-size: 19px; line-height: 1.45; color: var(--ab-ink); }
body.page-agrobot .ab-sec--dark .ab-lead { color: rgba(245, 245, 239, 0.85); }
body.page-agrobot .ab-head { max-width: 820px; }
body.page-agrobot .ab-head--center { margin: 0 auto; text-align: center; }
body.page-agrobot .ab-head--center .ab-lead { margin-left: auto; margin-right: auto; }
body.page-agrobot p { margin: 0; }
body.page-agrobot strong { font-weight: 700; }
body.page-agrobot .ab-note { margin-top: 18px; font-size: 13px; line-height: 1.5; color: var(--ab-muted); }
body.page-agrobot .ab-note a { color: inherit; text-decoration: underline; }
body.page-agrobot .ab-demo-tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(139, 92, 246, 0.1); color: #5b3fc4; font-family: "DM Mono", monospace; font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
body.page-agrobot .ab-sec--dark .ab-demo-tag { background: rgba(245, 245, 239, 0.12); color: #f5f5ef; }

/* Buttons local to the page (pill, real links) */
body.page-agrobot .ab-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 14px 26px; border-radius: 999px; font-family: var(--f-dm); font-weight: 600; font-size: 16px; line-height: 1; text-decoration: none; transition: background 0.25s var(--ease-out), color 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out); cursor: pointer; border: 1px solid transparent; }
body.page-agrobot .ab-btn--green { background: var(--c-green); color: var(--ab-ink); box-shadow: rgba(132, 255, 31, 0.32) 0 8px 20px 0; }
body.page-agrobot .ab-btn--green:hover { background: var(--ab-ink); color: var(--c-green); box-shadow: none; }
body.page-agrobot .ab-btn--ghost { background: transparent; color: #f5f5ef; border-color: rgba(245, 245, 239, 0.4); }
body.page-agrobot .ab-btn--ghost:hover { background: rgba(245, 245, 239, 0.1); }
body.page-agrobot .ab-btn--dark { background: var(--ab-ink); color: var(--c-green); }
body.page-agrobot .ab-btn--dark:hover { background: var(--c-green); color: var(--ab-ink); }
body.page-agrobot .ab-btn--outline { background: transparent; color: var(--ab-ink); border-color: rgba(17, 16, 17, 0.25); }
body.page-agrobot .ab-btn--outline:hover { background: var(--ab-ink); color: #fff; }
body.page-agrobot .ab-btn svg { width: 18px; height: 18px; }
body.page-agrobot .ab-btn:focus-visible, body.page-agrobot a:focus-visible, body.page-agrobot button:focus-visible { outline: 3px solid var(--ab-purple); outline-offset: 3px; }

/* ---------- HERO ---------- */
body.page-agrobot .ab-hero { position: relative; min-height: 1040px; display: flex; align-items: flex-start; justify-content: center; padding-top: 160px; background: var(--ab-dark); color: #f5f5ef; overflow: hidden; }
body.page-agrobot .ab-hero__bg { position: absolute; inset: 0; pointer-events: none; }
body.page-agrobot .ab-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; filter: saturate(0.9) contrast(0.95); }
body.page-agrobot .ab-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 20, 16, 0.7) 0%, rgba(15, 20, 16, 0.35) 40%, rgba(15, 20, 16, 0.85) 100%); }
body.page-agrobot .ab-hero__glow { position: absolute; left: 50%; bottom: -200px; width: 900px; height: 700px; transform: translateX(-50%); background: var(--g-green-glow); opacity: 0.35; filter: blur(30px); }
body.page-agrobot .ab-hero__max { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1060px; padding: 0 24px 470px; text-align: center; }
body.page-agrobot .ab-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: "DM Mono", monospace; font-weight: 500; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: #f5f5ef; }
body.page-agrobot .ab-hero__eyebrow svg { width: 16px; height: 16px; }
body.page-agrobot .ab-h1 { margin: 26px 0 0; max-width: 980px; font-family: var(--f-dm); font-weight: 300; font-size: 84px; line-height: 0.98; letter-spacing: -0.045em; color: #f5f5ef; }
body.page-agrobot .ab-h1 em { font-weight: 400; }
body.page-agrobot .ab-hero__lead { margin: 28px auto 0; max-width: 560px; font-size: 21px; line-height: 1.3; letter-spacing: -0.01em; color: rgba(245, 245, 239, 0.9); }
body.page-agrobot .ab-hero__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 36px; }
body.page-agrobot .ab-hero__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin-top: 30px; font-size: 14px; color: rgba(245, 245, 239, 0.85); }
body.page-agrobot .ab-hero__chips span { display: inline-flex; align-items: center; gap: 8px; }
body.page-agrobot .ab-hero__chips svg { width: 18px; height: 18px; color: var(--c-green); }
body.page-agrobot .ab-hero__bot { position: absolute; left: 50%; bottom: -600px; width: 720px; max-width: none; height: auto; transform: translateX(-50%); filter: brightness(0.95) drop-shadow(0 -10px 60px rgba(64, 254, 119, 0.25)); pointer-events: none; }

/* ---------- TICKER ---------- */
body.page-agrobot .ab-ticker { position: relative; height: 56px; background: var(--c-green); overflow: hidden; }
body.page-agrobot .ab-ticker .ticker { max-width: none; height: 56px; padding: 0; display: flex; align-items: center; }
body.page-agrobot .ab-ticker .ticker__track { gap: 28px; }
body.page-agrobot .ab-ticker__item { display: inline-flex; align-items: center; gap: 10px; font-family: "DM Mono", monospace; font-weight: 500; font-size: 13px; letter-spacing: 0.02em; color: var(--ab-ink); white-space: nowrap; }
body.page-agrobot .ab-ticker__item svg { width: 14px; height: 14px; fill: var(--ab-purple); }

/* ---------- STATEMENT + MARKET FACTS ---------- */
body.page-agrobot .ab-statement { max-width: 980px; margin: 0 auto; text-align: center; }
body.page-agrobot .ab-statement__t { margin: 18px 0 0; font-family: var(--f-dm); font-weight: 400; font-size: 40px; line-height: 1.15; letter-spacing: -0.03em; color: var(--ab-ink); }
body.page-agrobot .ab-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 64px; }
body.page-agrobot .ab-fact { padding: 32px 30px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-fact__n { font-family: var(--f-dm); font-weight: 700; font-size: 54px; line-height: 1; letter-spacing: -0.04em; color: var(--ab-ink); }
body.page-agrobot .ab-fact__n small { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; }
body.page-agrobot .ab-fact__l { margin-top: 12px; font-size: 16px; line-height: 1.4; color: var(--ab-ink); }
body.page-agrobot .ab-fact__s { margin-top: 14px; font-size: 12px; line-height: 1.4; color: var(--ab-muted); }
body.page-agrobot .ab-fact__s a { color: inherit; text-decoration: underline; }

/* ---------- CHALLENGES (bento) ---------- */
body.page-agrobot .ab-bento { display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; margin-top: 56px; }
body.page-agrobot .ab-card { position: relative; padding: 34px 32px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-card--5 { grid-column: span 5; }
body.page-agrobot .ab-card--7 { grid-column: span 7; }
body.page-agrobot .ab-card--6 { grid-column: span 6; }
body.page-agrobot .ab-card--4 { grid-column: span 4; }
body.page-agrobot .ab-card--12 { grid-column: span 12; }
body.page-agrobot .ab-card__ico { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(64, 254, 119, 0.18); color: var(--ab-ink); }
body.page-agrobot .ab-card__ico svg { width: 24px; height: 24px; }
body.page-agrobot .ab-card__k { display: block; margin-top: 22px; font-family: "DM Mono", monospace; font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ab-purple); }
body.page-agrobot .ab-card__t { margin: 10px 0 0; font-family: var(--f-dm); font-weight: 700; font-size: 26px; line-height: 1.12; letter-spacing: -0.025em; color: var(--ab-ink); }
body.page-agrobot .ab-card__p { margin-top: 12px; font-size: 16px; line-height: 1.5; color: var(--ab-ink); }
body.page-agrobot .ab-card__quote { margin-top: 18px; padding: 14px 16px; border-radius: 16px; background: var(--ab-off); font-size: 14px; line-height: 1.45; color: var(--ab-ink); }
body.page-agrobot .ab-card__quote::before { content: "Lo que llega: "; font-family: "DM Mono", monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ab-muted); }

/* ---------- SYSTEM MAP (SmartBot + PanelCRM + ERP) ---------- */
body.page-agrobot .ab-system { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; margin-top: 56px; }
body.page-agrobot .ab-system__nodes { display: grid; grid-template-columns: 1fr; gap: 14px; }
body.page-agrobot .ab-node { display: grid; grid-template-columns: 56px 1fr; gap: 18px; align-items: start; padding: 22px 24px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-node__ico { width: 56px; height: 56px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; }
body.page-agrobot .ab-node__ico svg { width: 26px; height: 26px; }
body.page-agrobot .ab-node--bot .ab-node__ico { background: rgba(64, 254, 119, 0.18); color: var(--ab-ink); }
body.page-agrobot .ab-node--crm .ab-node__ico { background: rgba(94, 178, 252, 0.18); color: #1e5fa8; }
body.page-agrobot .ab-node--erp .ab-node__ico { background: rgba(17, 16, 17, 0.06); color: var(--ab-ink); }
body.page-agrobot .ab-node__t { font-weight: 700; font-size: 19px; letter-spacing: -0.02em; }
body.page-agrobot .ab-node__t .ab-pill { margin-left: 8px; vertical-align: middle; }
body.page-agrobot .ab-node__p { margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--ab-ink); }
body.page-agrobot .ab-pill { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-family: var(--f-dm); font-size: 12px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; background: rgba(17, 16, 17, 0.06); color: var(--ab-ink); }
body.page-agrobot .ab-pill--crm { background: rgba(94, 178, 252, 0.2); color: #1e5fa8; }
body.page-agrobot .ab-pill--green { background: rgba(64, 254, 119, 0.28); color: var(--ab-ink); }
body.page-agrobot .ab-pill--purple { background: rgba(139, 92, 246, 0.14); color: #5b3fc4; }
body.page-agrobot .ab-pill--amber { background: rgba(217, 164, 65, 0.22); color: #7a5410; }
body.page-agrobot .ab-pill--grey { background: rgba(17, 16, 17, 0.06); color: var(--ab-muted); }
body.page-agrobot .ab-system__figure { position: relative; display: flex; justify-content: center; align-items: flex-end; min-height: 520px; border-radius: var(--ab-r-lg); background: radial-gradient(60% 50% at 50% 70%, rgba(64, 254, 119, 0.22), rgba(64, 254, 119, 0) 70%), var(--ab-off); overflow: visible; }
body.page-agrobot .ab-system__figure img { width: 380px; max-width: 80%; height: auto; display: block; }

/* ---------- WHATSAPP DEMO ---------- */
body.page-agrobot .ab-demo { display: grid; grid-template-columns: 420px 1fr; gap: 48px; align-items: start; margin-top: 56px; }
body.page-agrobot .ab-phone { position: relative; width: 100%; max-width: 420px; margin: 0 auto; border-radius: 48px; background: #111; padding: 14px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25); }
body.page-agrobot .ab-phone__screen { position: relative; border-radius: 36px; overflow: hidden; background: #ece5dd; height: 720px; display: flex; flex-direction: column; }
body.page-agrobot .ab-phone__top { display: flex; align-items: center; gap: 12px; padding: 44px 16px 12px; background: #075e54; color: #fff; }
body.page-agrobot .ab-phone__avatar { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
body.page-agrobot .ab-phone__avatar img { width: 34px; height: 34px; object-fit: contain; }
body.page-agrobot .ab-phone__name { font-weight: 700; font-size: 15px; line-height: 1.1; }
body.page-agrobot .ab-phone__status { font-size: 12px; opacity: 0.85; }
body.page-agrobot .ab-phone__feed { flex: 1; overflow-y: auto; padding: 16px 12px; display: flex; flex-direction: column; gap: 10px; scroll-behavior: smooth; background-image: radial-gradient(rgba(0, 0, 0, 0.035) 1px, transparent 1px); background-size: 14px 14px; }
body.page-agrobot .ab-msg { max-width: 86%; padding: 10px 12px; border-radius: 18px; font-size: 14px; line-height: 1.4; color: #111; opacity: 0; transform: translateY(8px); transition: opacity 0.35s var(--ease-out), transform 0.35s var(--ease-out); }
body.page-agrobot .ab-msg.is-in { opacity: 1; transform: none; }
body.page-agrobot .ab-msg--user { align-self: flex-end; background: #dcf8c6; border-bottom-right-radius: 6px; }
body.page-agrobot .ab-msg--bot { align-self: flex-start; background: #fff; border-bottom-left-radius: 6px; }
body.page-agrobot .ab-msg--sys { align-self: center; max-width: 92%; padding: 6px 10px; border-radius: 10px; background: rgba(17, 16, 17, 0.08); font-family: "DM Mono", monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: #333; text-align: center; }
body.page-agrobot .ab-msg__time { display: block; margin-top: 4px; font-size: 11px; color: rgba(0, 0, 0, 0.45); text-align: right; }
body.page-agrobot .ab-msg__photo { display: block; width: 220px; height: 150px; border-radius: 12px; margin-bottom: 8px; background: linear-gradient(135deg, #9a9a92, #5c5c56); position: relative; overflow: hidden; }
body.page-agrobot .ab-msg__photo::after { content: "foto adjunta"; position: absolute; left: 10px; bottom: 8px; font-family: "DM Mono", monospace; font-size: 11px; color: #fff; opacity: 0.9; }
body.page-agrobot .ab-msg__audio { display: flex; align-items: center; gap: 10px; min-width: 200px; }
body.page-agrobot .ab-msg__audio svg { width: 22px; height: 22px; flex: none; }
body.page-agrobot .ab-msg__wave { display: flex; align-items: center; gap: 2px; height: 22px; flex: 1; }
body.page-agrobot .ab-msg__wave i { display: block; width: 3px; border-radius: 2px; background: #4a7c59; height: var(--h, 10px); }
body.page-agrobot .ab-opt { margin-top: 8px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); background: #fafafa; }
body.page-agrobot .ab-opt__t { font-weight: 700; font-size: 13px; }
body.page-agrobot .ab-opt__d { font-size: 12px; color: #444; margin-top: 2px; }
body.page-agrobot .ab-opt__tag { display: inline-block; margin-top: 6px; padding: 2px 8px; border-radius: 999px; background: rgba(217, 164, 65, 0.22); color: #7a5410; font-family: "DM Mono", monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; }
body.page-agrobot .ab-quote-card { margin-top: 8px; padding: 12px; border-radius: 12px; background: #f5f5ef; border: 1px solid rgba(0, 0, 0, 0.06); font-size: 13px; }
body.page-agrobot .ab-quote-card__row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
body.page-agrobot .ab-quote-card__row:last-child { border-bottom: 0; font-weight: 700; }
body.page-agrobot .ab-phone__bar { display: flex; align-items: center; gap: 10px; padding: 10px 12px 18px; background: #f0f0f0; }
body.page-agrobot .ab-phone__input { flex: 1; height: 38px; border-radius: 999px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
body.page-agrobot .ab-phone__send { width: 38px; height: 38px; border-radius: 50%; background: #075e54; }
body.page-agrobot .ab-demo__side { display: flex; flex-direction: column; gap: 18px; }
body.page-agrobot .ab-steps { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; counter-reset: s; }
body.page-agrobot .ab-step { display: grid; grid-template-columns: 36px 1fr; gap: 14px; align-items: start; padding: 14px 16px; border-radius: var(--ab-r); border: 1px solid var(--ab-line); background: var(--ab-card); transition: border-color 0.3s, background 0.3s; }
body.page-agrobot .ab-step::before { counter-increment: s; content: counter(s); display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(17, 16, 17, 0.06); font-family: "DM Mono", monospace; font-size: 13px; font-weight: 500; color: var(--ab-ink); }
body.page-agrobot .ab-step.is-on { border-color: rgba(64, 254, 119, 0.9); background: rgba(64, 254, 119, 0.08); }
body.page-agrobot .ab-step.is-on::before { background: var(--c-green); }
body.page-agrobot .ab-step.is-done::before { background: var(--ab-ink); color: var(--c-green); }
body.page-agrobot .ab-step__t { font-weight: 700; font-size: 15px; }
body.page-agrobot .ab-step__p { font-size: 14px; color: var(--ab-ink); margin-top: 2px; line-height: 1.4; }
body.page-agrobot .ab-demo__ctl { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
body.page-agrobot .ab-demo__ctl button { font-family: var(--f-dm); }
body.page-agrobot .ab-crm-card { padding: 20px 22px; border-radius: var(--ab-r); background: #fff; border: 1px solid rgba(94, 178, 252, 0.55); box-shadow: 0 10px 30px rgba(94, 178, 252, 0.12); opacity: 0.45; transition: opacity 0.4s; }
body.page-agrobot .ab-crm-card.is-on { opacity: 1; }
body.page-agrobot .ab-crm-card__h { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: #1e5fa8; }
body.page-agrobot .ab-crm-card__t { margin-top: 10px; font-weight: 700; font-size: 17px; letter-spacing: -0.015em; }
body.page-agrobot .ab-crm-card__rows { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; font-size: 13px; }
body.page-agrobot .ab-crm-card__rows dt { color: var(--ab-muted); }
body.page-agrobot .ab-crm-card__rows dd { margin: 0; font-weight: 600; }

/* ---------- FUNNEL ---------- */
body.page-agrobot .ab-funnel { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 56px; }
body.page-agrobot .ab-funnel__step { position: relative; display: flex; flex-direction: column; padding: 24px 20px 22px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-funnel__p { flex: 1; }
body.page-agrobot .ab-funnel__step--human { background: var(--ab-ink); color: #f5f5ef; border-color: var(--ab-ink); }
body.page-agrobot .ab-funnel__n { font-family: "DM Mono", monospace; font-size: 12px; letter-spacing: 0.05em; color: var(--ab-purple); }
body.page-agrobot .ab-funnel__step--human .ab-funnel__n { color: var(--c-green); }
body.page-agrobot .ab-funnel__t { margin-top: 10px; font-weight: 700; font-size: 18px; letter-spacing: -0.02em; line-height: 1.15; }
body.page-agrobot .ab-funnel__p { margin-top: 10px; font-size: 14px; line-height: 1.45; }
body.page-agrobot .ab-funnel__who { margin-top: 16px; font-family: "DM Mono", monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ab-muted); }
body.page-agrobot .ab-funnel__step--human .ab-funnel__who { color: rgba(245, 245, 239, 0.7); }

/* ---------- PANELCRM MOCK ---------- */
body.page-agrobot .ab-panel { margin-top: 56px; border-radius: var(--ab-r-lg); overflow: hidden; background: #0f1215; border: 1px solid rgba(94, 178, 252, 0.35); display: grid; grid-template-columns: 220px 1fr; min-height: 520px; color: #e9eef2; }
body.page-agrobot .ab-panel__side { padding: 22px 18px; border-right: 1px solid rgba(255, 255, 255, 0.06); background: #0b0e11; }
body.page-agrobot .ab-panel__logo { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 12px; border-radius: 14px; background: #fff; }
body.page-agrobot .ab-panel__logo img { width: 70px; height: auto; display: block; }
body.page-agrobot .ab-panel__menu { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 4px; }
body.page-agrobot .ab-panel__menu li { padding: 10px 12px; border-radius: 10px; font-size: 14px; color: rgba(233, 238, 242, 0.75); }
body.page-agrobot .ab-panel__menu li.is-on { background: rgba(94, 178, 252, 0.16); color: #fff; }
body.page-agrobot .ab-panel__main { padding: 22px 24px; display: flex; flex-direction: column; gap: 18px; }
body.page-agrobot .ab-panel__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
body.page-agrobot .ab-panel__search { flex: 1; min-width: 200px; height: 40px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); display: flex; align-items: center; padding: 0 16px; font-size: 13px; color: rgba(233, 238, 242, 0.5); }
body.page-agrobot .ab-panel__chip { padding: 8px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); font-size: 13px; }
body.page-agrobot .ab-kanban { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
body.page-agrobot .ab-col { border-radius: 16px; background: rgba(255, 255, 255, 0.04); padding: 12px; min-height: 300px; }
body.page-agrobot .ab-col__h { display: flex; justify-content: space-between; font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(233, 238, 242, 0.7); padding: 4px 4px 10px; }
body.page-agrobot .ab-col__h b { color: var(--ab-crm); }
body.page-agrobot .ab-lead-card { padding: 12px; border-radius: 12px; background: #171b20; border: 1px solid rgba(255, 255, 255, 0.06); margin-bottom: 10px; font-size: 13px; }
body.page-agrobot .ab-lead-card--hot { border-color: rgba(94, 178, 252, 0.6); box-shadow: 0 0 0 1px rgba(94, 178, 252, 0.2) inset; }
body.page-agrobot .ab-lead-card__t { font-weight: 700; }
body.page-agrobot .ab-lead-card__m { margin-top: 4px; color: rgba(233, 238, 242, 0.7); font-size: 12px; }
body.page-agrobot .ab-lead-card__f { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; gap: 8px; }
body.page-agrobot .ab-lead-card__s { padding: 2px 8px; border-radius: 999px; font-family: "DM Mono", monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; }
body.page-agrobot .ab-s--new { background: rgba(139, 92, 246, 0.25); color: #c9b5ff; }
body.page-agrobot .ab-s--work { background: rgba(94, 178, 252, 0.22); color: #9ed1ff; }
body.page-agrobot .ab-s--wait { background: rgba(217, 164, 65, 0.25); color: #ffd58a; }
body.page-agrobot .ab-s--won { background: rgba(64, 254, 119, 0.22); color: #9dffbd; }
body.page-agrobot .ab-lead-card__who { font-size: 11px; color: rgba(233, 238, 242, 0.6); }
body.page-agrobot .ab-panel__caption { font-size: 12px; color: rgba(233, 238, 242, 0.55); }

/* ---------- SEASONAL ---------- */
body.page-agrobot .ab-season { margin-top: 56px; display: grid; grid-template-columns: 1fr; gap: 28px; }
body.page-agrobot .ab-cal { border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); padding: 26px 26px 22px; overflow-x: auto; }
body.page-agrobot .ab-cal__grid { display: grid; grid-template-columns: 150px repeat(12, minmax(48px, 1fr)); gap: 6px; align-items: center; min-width: 820px; }
body.page-agrobot .ab-cal__m { font-family: "DM Mono", monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ab-muted); text-align: center; padding-bottom: 6px; }
body.page-agrobot .ab-cal__l { font-size: 14px; font-weight: 600; color: var(--ab-ink); padding-right: 10px; }
body.page-agrobot .ab-cal__cell { height: 30px; border-radius: 8px; background: rgba(17, 16, 17, 0.04); }
body.page-agrobot .ab-cal__cell--sow { background: rgba(64, 254, 119, 0.55); }
body.page-agrobot .ab-cal__cell--harv { background: rgba(217, 164, 65, 0.7); }
body.page-agrobot .ab-cal__cell--svc { background: rgba(139, 92, 246, 0.35); }
body.page-agrobot .ab-cal__cell--expo { background: rgba(94, 178, 252, 0.5); }
body.page-agrobot .ab-cal__legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 18px; font-size: 13px; color: var(--ab-ink); }
body.page-agrobot .ab-cal__legend span { display: inline-flex; align-items: center; gap: 8px; }
body.page-agrobot .ab-cal__legend i { width: 14px; height: 14px; border-radius: 4px; display: inline-block; }
body.page-agrobot .ab-templates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body.page-agrobot .ab-tpl { padding: 24px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); display: flex; flex-direction: column; gap: 12px; }
body.page-agrobot .ab-tpl__k { font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ab-purple); }
body.page-agrobot .ab-tpl__t { font-weight: 700; font-size: 19px; letter-spacing: -0.02em; }
body.page-agrobot .ab-tpl__msg { padding: 12px 14px; border-radius: 14px; background: #dcf8c6; font-size: 14px; line-height: 1.45; color: #111; }
body.page-agrobot .ab-tpl__msg b { font-weight: 700; }
body.page-agrobot .ab-tpl__f { font-size: 13px; color: var(--ab-muted); }

/* ---------- POST-SALE ---------- */
body.page-agrobot .ab-post { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-top: 56px; }
body.page-agrobot .ab-post__list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
body.page-agrobot .ab-post__item { padding: 20px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-post__item svg { width: 24px; height: 24px; color: var(--ab-ink); }
body.page-agrobot .ab-post__t { margin-top: 12px; font-weight: 700; font-size: 17px; letter-spacing: -0.015em; }
body.page-agrobot .ab-post__p { margin-top: 6px; font-size: 14px; line-height: 1.45; }
body.page-agrobot .ab-post__figure { display: flex; justify-content: center; }
body.page-agrobot .ab-post__figure img { width: 360px; max-width: 90%; height: auto; }

/* ---------- EVIDENCE ---------- */
body.page-agrobot .ab-evidence { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 20px; margin-top: 56px; align-items: stretch; }
body.page-agrobot .ab-quote { display: flex; flex-direction: column; justify-content: center; }
body.page-agrobot .ab-quote { padding: 40px; border-radius: var(--ab-r-lg); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-quote blockquote { margin: 0; font-family: var(--f-serif); font-style: italic; font-weight: 400; font-size: 30px; line-height: 1.25; letter-spacing: -0.01em; color: var(--ab-ink); }
body.page-agrobot .ab-quote figcaption { margin-top: 22px; font-size: 14px; color: var(--ab-muted); line-height: 1.5; }
body.page-agrobot .ab-quote figcaption a { color: inherit; text-decoration: underline; }
body.page-agrobot .ab-proof { display: flex; flex-direction: column; gap: 14px; }
body.page-agrobot .ab-proof__item { padding: 22px 24px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); font-size: 15px; line-height: 1.5; }
body.page-agrobot .ab-proof__item b { display: block; font-size: 16px; margin-bottom: 4px; }
body.page-agrobot .ab-proof__item a { color: var(--ab-ink); text-decoration: underline; }
body.page-agrobot .ab-proof__item small { display: block; margin-top: 8px; font-size: 12px; color: var(--ab-muted); }

/* ---------- READINESS TABLE ---------- */
body.page-agrobot .ab-table-wrap { margin-top: 48px; border-radius: var(--ab-r); background: var(--ab-card); border: 1px solid var(--ab-line); overflow-x: auto; }
body.page-agrobot .ab-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 14px; }
body.page-agrobot .ab-table th, body.page-agrobot .ab-table td { padding: 14px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ab-line); }
body.page-agrobot .ab-table th { font-family: "DM Mono", monospace; font-weight: 500; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ab-muted); background: var(--ab-off); }
body.page-agrobot .ab-table tr:last-child td { border-bottom: 0; }
body.page-agrobot .ab-table td:first-child { font-weight: 600; }
body.page-agrobot .ab-integrations { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
body.page-agrobot .ab-integrations a, body.page-agrobot .ab-integrations span { display: inline-flex; align-items: center; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--ab-line); background: var(--ab-card); font-size: 14px; font-weight: 600; color: var(--ab-ink); text-decoration: none; }
body.page-agrobot .ab-integrations a:hover { background: var(--ab-ink); color: #fff; }
body.page-agrobot .ab-integrations span { color: var(--ab-muted); font-weight: 500; }

/* ---------- FAQ (page override: own list, shared accordion styles) ---------- */
body.page-agrobot .ab-faq .faq__inner { padding-top: 0; }

/* ---------- Appear ---------- */
body.page-agrobot [data-appear] { opacity: 0; transform: translateY(18px); transition: opacity var(--appear-dur) var(--ease-out), transform var(--appear-dur) var(--ease-out); }
body.page-agrobot [data-appear].is-visible, html.no-js body.page-agrobot [data-appear] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { body.page-agrobot [data-appear] { transition: none; opacity: 1; transform: none; } body.page-agrobot .ab-msg { transition: none; } }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
  body.page-agrobot .ab-h1 { font-size: 64px; }
  body.page-agrobot .ab-hero { min-height: 940px; padding-top: 150px; }
  body.page-agrobot .ab-hero__bot { width: 600px; bottom: -520px; }
  body.page-agrobot .ab-sec { padding: 88px 0; }
  body.page-agrobot .ab-h2 { font-size: 38px; }
  body.page-agrobot .ab-statement__t { font-size: 32px; }
  body.page-agrobot .ab-funnel { grid-template-columns: repeat(3, 1fr); }
  body.page-agrobot .ab-demo { grid-template-columns: 1fr; }
  body.page-agrobot .ab-system { grid-template-columns: 1fr; }
  body.page-agrobot .ab-system__figure { min-height: 420px; }
  body.page-agrobot .ab-post { grid-template-columns: 1fr; }
  body.page-agrobot .ab-evidence { grid-template-columns: 1fr; }
  body.page-agrobot .ab-kanban { grid-template-columns: repeat(2, 1fr); }
  body.page-agrobot .ab-templates { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  body.page-agrobot .ab-wrap { padding: 0 16px; }
  body.page-agrobot .ab-sec { padding: 64px 0; }
  body.page-agrobot .ab-hero { min-height: 0; padding-top: 120px; }
  body.page-agrobot .ab-hero__max { padding-bottom: 300px; }
  body.page-agrobot .ab-h1 { font-size: 42px; letter-spacing: -0.035em; }
  body.page-agrobot .ab-hero__lead { font-size: 17px; }
  body.page-agrobot .ab-hero__bot { width: 360px; bottom: -330px; }
  body.page-agrobot .ab-hero__ctas .ab-btn { width: 100%; }
  body.page-agrobot .ab-h2 { font-size: 30px; }
  body.page-agrobot .ab-lead { font-size: 17px; }
  body.page-agrobot .ab-statement__t { font-size: 24px; }
  body.page-agrobot .ab-facts { grid-template-columns: 1fr; margin-top: 40px; }
  body.page-agrobot .ab-fact__n { font-size: 44px; }
  body.page-agrobot .ab-bento { gap: 14px; margin-top: 36px; }
  body.page-agrobot .ab-card--5, body.page-agrobot .ab-card--7, body.page-agrobot .ab-card--6, body.page-agrobot .ab-card--4 { grid-column: span 12; }
  body.page-agrobot .ab-card { padding: 26px 22px; }
  body.page-agrobot .ab-card__t { font-size: 22px; }
  body.page-agrobot .ab-phone { max-width: 360px; border-radius: 40px; }
  body.page-agrobot .ab-phone__screen { height: 620px; border-radius: 30px; }
  body.page-agrobot .ab-funnel { grid-template-columns: 1fr; }
  body.page-agrobot .ab-funnel__step { min-height: 0; }
  body.page-agrobot .ab-panel { grid-template-columns: minmax(0, 1fr); }
  body.page-agrobot .ab-panel__side { display: flex; gap: 14px; align-items: center; min-width: 0; overflow: hidden; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
  body.page-agrobot .ab-panel__main { min-width: 0; }
  body.page-agrobot .ab-panel__logo { width: auto; }
  body.page-agrobot .ab-panel__menu { margin: 0; display: flex; gap: 4px; overflow-x: auto; }
  body.page-agrobot .ab-panel__menu li { white-space: nowrap; }
  body.page-agrobot .ab-kanban { grid-template-columns: 1fr; }
  body.page-agrobot .ab-col { min-height: 0; }
  body.page-agrobot .ab-post__list { grid-template-columns: 1fr; }
  body.page-agrobot .ab-quote { padding: 28px 24px; }
  body.page-agrobot .ab-quote blockquote { font-size: 24px; }
  body.page-agrobot .ab-system__figure { min-height: 320px; }
  body.page-agrobot .ab-system__figure img { width: 260px; }
}
body.page-agrobot .ab-funnel--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1199px) { body.page-agrobot .ab-funnel--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { body.page-agrobot .ab-funnel--4 { grid-template-columns: 1fr; } }

body.page-agrobot .faq__title { font-weight: 700; letter-spacing: -0.03em; }
body.page-agrobot .ab-sec--mid { padding: 48px 0; background: var(--c-bg); }
body.page-agrobot .ab-midcta { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 28px 32px; border-radius: var(--ab-r-lg); background: var(--ab-off); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-midcta__t { font-family: var(--f-dm); font-weight: 700; font-size: 24px; letter-spacing: -0.025em; color: var(--ab-ink); }
body.page-agrobot .ab-midcta__b { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 767px) { body.page-agrobot .ab-midcta { padding: 22px 20px; } body.page-agrobot .ab-midcta__t { font-size: 20px; } body.page-agrobot .ab-midcta__b, body.page-agrobot .ab-midcta__b .ab-btn { width: 100%; } }
body.page-agrobot .ab-funnel__who, body.page-agrobot .ab-flow__who { font-size: 12px; }

/* F-05 readiness table stacked on phones */
@media (max-width: 767px) {
  body.page-agrobot .ab-table { min-width: 0; }
  body.page-agrobot .ab-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.page-agrobot .ab-table tr { display: block; padding: 14px 16px; border-bottom: 1px solid var(--ab-line); }
  body.page-agrobot .ab-table td { display: block; padding: 4px 0; border: 0; }
  body.page-agrobot .ab-table td:first-child { font-size: 15px; }
  body.page-agrobot .ab-table td:nth-child(3) { font-size: 13px; color: var(--ab-muted); }
  body.page-agrobot .ab-table td:nth-child(3)::before { content: "Qué necesita de tu lado: "; font-weight: 600; color: var(--ab-ink); }
  /* F-21 controls before the phone on mobile */
  body.page-agrobot .ab-demo { display: flex; flex-direction: column; }
  body.page-agrobot .ab-demo__side { order: 1; }
  body.page-agrobot .ab-phone { order: 2; }
  body.page-agrobot .ab-phone__screen { height: 520px; }
  body.page-agrobot .ab-cal::after { content: "Deslizá para ver el año completo"; display: block; margin-top: 10px; font-family: "DM Mono", monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ab-muted); }
}
body.page-agrobot .ab-cal__cell--expo { background: rgba(139, 92, 246, 0.35); outline: 2px solid rgba(139, 92, 246, 0.6); outline-offset: -2px; }
body.page-agrobot .ab-quote-card__row span:last-child { text-align: right; white-space: nowrap; }

/* ---------- Closing CTA + footer: same side margins as the rest of the page (fix 2026-11-02) ---------- */
body.page-agrobot .cta-final__container { padding: 15px 30px 80px; gap: 84px; }
body.page-agrobot .cta-final__card { width: 100%; min-height: 327px; margin: 0; padding: 69px 0; gap: 38px; border-radius: var(--r-md); }
body.page-agrobot .cta-final__title { max-width: none; font-size: 51px; line-height: 0.9; letter-spacing: -0.04em; color: var(--c-ink); }
body.page-agrobot .site-footer__social { padding: 0; }
@media (max-width: 767px) {
  body.page-agrobot .cta-final__container { padding: 19px 16px 48px; gap: 37px; }
  body.page-agrobot .cta-final__title { font-size: 40px; color: var(--c-text); overflow-wrap: anywhere; }
}
body.page-agrobot .site-footer__links { width: 100%; padding-left: 0; padding-right: 0; }
@media (max-width: 767px) { body.page-agrobot .site-footer__links { padding-left: 0; padding-right: 0; } }

/* ---------- SIGNUP FORM ---------- */
body.page-agrobot .ab-signup { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: start; }
body.page-agrobot .ab-signup__list { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 10px; font-size: 15px; line-height: 1.5; }
body.page-agrobot .ab-signup__list li { position: relative; padding-left: 22px; }
body.page-agrobot .ab-signup__list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--ab-purple); }
body.page-agrobot .ab-form { padding: 32px; border-radius: var(--ab-r-lg); background: var(--ab-card); border: 1px solid var(--ab-line); }
body.page-agrobot .ab-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.page-agrobot .ab-field { display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ab-ink); }
body.page-agrobot .ab-field em { font-style: normal; font-weight: 400; color: var(--ab-muted); }
body.page-agrobot .ab-field--full { grid-column: 1 / -1; }
body.page-agrobot .ab-field input, body.page-agrobot .ab-field select, body.page-agrobot .ab-field textarea { width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(17, 16, 17, 0.18); background: #fff; font-family: var(--f-dm); font-size: 15px; font-weight: 400; color: var(--ab-ink); transition: border-color 0.2s; }
body.page-agrobot .ab-field textarea { min-height: 96px; resize: vertical; }
body.page-agrobot .ab-field input:focus, body.page-agrobot .ab-field select:focus, body.page-agrobot .ab-field textarea:focus { outline: 3px solid var(--ab-purple); outline-offset: 2px; border-color: var(--ab-ink); }
body.page-agrobot .ab-field input[aria-invalid="true"], body.page-agrobot .ab-field select[aria-invalid="true"] { border-color: #c4312e; }
body.page-agrobot .ab-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
body.page-agrobot .ab-check { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; font-size: 13px; line-height: 1.45; color: var(--ab-ink); }
body.page-agrobot .ab-check input { width: 20px; height: 20px; margin-top: 1px; accent-color: var(--ab-ink); }
body.page-agrobot .ab-form__err { margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: #fff1f0; border: 1px solid rgba(196, 49, 46, 0.4); color: #8a1f1d; font-size: 14px; }
body.page-agrobot .ab-form__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
body.page-agrobot .ab-form.is-sending .ab-btn[type="submit"] { opacity: 0.6; pointer-events: none; }
body.page-agrobot .ab-form__ok { margin-top: 20px; padding: 22px 24px; border-radius: var(--ab-r); background: rgba(64, 254, 119, 0.14); border: 1px solid rgba(64, 254, 119, 0.8); font-size: 15px; line-height: 1.5; display: grid; gap: 10px; justify-items: start; }
body.page-agrobot .ab-form__ok-t { font-weight: 700; font-size: 18px; letter-spacing: -0.02em; }
body.page-agrobot .ab-form.is-done .ab-form__grid, body.page-agrobot .ab-form.is-done .ab-form__actions { display: none; }
@media (max-width: 1199px) { body.page-agrobot .ab-signup { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 767px) { body.page-agrobot .ab-form { padding: 22px 18px; } body.page-agrobot .ab-form__grid { grid-template-columns: 1fr; } body.page-agrobot .ab-form__actions .ab-btn { width: 100%; } }