/* ==========================================================================
   /smartbot - page specific styles (scoped under body.page-smartbot)
   Sections: hero, about (phone + features + "Con vos"), mercados heading (fan),
   mercados cards + casos de uso, proceso (phone only), results/FAQ/CTA overrides.
   ========================================================================== */

/* ---------- responsive copy helpers ---------- */
body.page-smartbot .only-mobile { display: none !important; }
@media (max-width: 767px) {
  body.page-smartbot .only-mobile { display: initial !important; }
  body.page-smartbot .only-desktop { display: none !important; }
  body.page-smartbot section.only-mobile { display: flex !important; }
  body.page-smartbot a.only-mobile { display: inline-flex !important; }
  body.page-smartbot p.only-mobile { display: block !important; }
}

/* ---------- 1. Hero ---------- */
body.page-smartbot .hero { display: flex; flex-direction: column; align-items: center; padding: 110px 50px 0; }
body.page-smartbot .hero__wrap { width: 100%; max-width: 1340px; border-radius: var(--r-lg); }
body.page-smartbot .hero__container { display: flex; flex-direction: column; align-items: center; padding: 8px 60px 0; }
body.page-smartbot .hero__row { display: flex; align-items: center; justify-content: center; gap: var(--sp-6); width: 100%; max-width: 1160px; }
body.page-smartbot .hero__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; width: 677px; flex: none; }
body.page-smartbot .hero__copy { display: flex; flex-direction: column; gap: 30px; width: 636px; }
body.page-smartbot .hero__heading { display: flex; flex-direction: column; gap: 30px; align-items: flex-start; }
body.page-smartbot .hero__category {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px;
  border: 1px solid #e8e8e8; border-radius: var(--r-md); background: rgba(255, 255, 255, 0.5);
  font-family: var(--f-satoshi); font-weight: 400; font-size: 16px; line-height: 1.4; color: var(--c-ink);
}
body.page-smartbot .hero__category-icon { width: 24px; height: 24px; flex: none; }
body.page-smartbot .hero__category-icon svg { width: 100%; height: 100%; }
body.page-smartbot .hero__title { max-width: 573px; font-family: var(--f-dm); font-weight: 300; font-size: 63px; line-height: 1.1; letter-spacing: -2.4px; color: #080808; }
body.page-smartbot .hero__bottom { display: flex; flex-direction: column; gap: 30px; align-items: flex-start; }
body.page-smartbot .hero__text { max-width: 480px; font-family: var(--f-satoshi); font-weight: 400; font-size: 18px; line-height: 27px; color: var(--c-text); }
body.page-smartbot .hero__buttons { display: flex; align-items: center; gap: 10px; }
body.page-smartbot .hbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 16px 20px; min-height: 52px;
  border-radius: var(--r-lg);
  font-family: var(--f-is); font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: -0.15px; color: var(--c-text); white-space: nowrap;
  transition: background-color 0.2s var(--ease-out), color 0.2s var(--ease-out);
}
body.page-smartbot .hbtn svg { width: 20px; height: 20px; }
body.page-smartbot .hbtn--primary { background: var(--c-green); }
body.page-smartbot .hbtn--primary:hover { background: rgba(17, 250, 141, 0.56); }
body.page-smartbot .hbtn--secondary { background: var(--c-white); color: #191d1d; box-shadow: rgba(13, 17, 27, 0.12) 0 1px 3px 0; }
body.page-smartbot .hbtn--secondary:hover { background: var(--c-white); color: rgba(25, 29, 29, 0.8); }
body.page-smartbot .hero__stats { padding: 28px 32px 32px 0; border-radius: var(--r-md); }
body.page-smartbot .hero__stats-row { display: flex; gap: var(--sp-7); align-items: center; }
body.page-smartbot .hero__stat { display: flex; flex-direction: column; gap: 10px; width: 146px; flex: none; padding-bottom: 16px; overflow: hidden; border-bottom: 1px solid rgba(17, 16, 17, 0.12); }
body.page-smartbot .hero__stat-n { font-family: var(--f-dm); font-weight: 300; font-size: 28px; line-height: 1.2; letter-spacing: -1.12px; color: var(--c-ink); }
body.page-smartbot .hero__stat-c { font-family: var(--f-dm); font-weight: 400; font-size: 14px; line-height: 3.8px; letter-spacing: -0.28px; color: #666666; white-space: nowrap; }
body.page-smartbot .hero__image { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; width: 451px; height: 710px; flex: none; }
/* live: 500px white circle (radius 1000px, overflow hidden) with filter blur(40px) holding an animated mesh-gradient
   canvas (green core, pastel yellow / lilac tints drifting around the bottom) -> soft glow, edge fades over ~60px */
body.page-smartbot .hero__ball { position: absolute; left: -49px; top: 105px; width: 500px; height: 500px; border-radius: 50%; overflow: hidden; filter: blur(40px); background: var(--c-white); }
body.page-smartbot .hero__ball-glow {
  position: absolute; inset: -18%; border-radius: 50%; will-change: transform;
  background:
    radial-gradient(38% 38% at 22% 68%, rgba(250, 226, 130, 0.95) 0%, rgba(250, 226, 130, 0) 100%),
    radial-gradient(40% 40% at 80% 78%, rgba(206, 178, 245, 0.95) 0%, rgba(206, 178, 245, 0) 100%),
    radial-gradient(54% 54% at 38% 38%, rgb(50, 246, 84) 0%, rgba(50, 246, 84, 0) 100%),
    radial-gradient(80% 80% at 50% 50%, rgb(120, 236, 118) 0%, rgb(160, 238, 170) 70%, rgb(215, 246, 226) 100%);
  animation: sb-glow 14s ease-in-out infinite alternate;
}
@keyframes sb-glow { from { transform: rotate(-24deg) scale(1.04); } to { transform: rotate(28deg) scale(1.1); } }
/* live: the robot layer has hue-rotate(20deg) saturate(.91) and floats 30px up/down (~4s cycle) */
body.page-smartbot .hero__bot { position: relative; width: 419px; height: 710px; margin-top: 0; margin-left: 16px; filter: hue-rotate(20deg) saturate(0.91); animation: sb-float 4s ease-in-out infinite alternate; }
body.page-smartbot .hero__bot img { width: 100%; height: 100%; object-fit: cover; }
@keyframes sb-float { from { transform: translateY(0); } to { transform: translateY(30px); } }
@media (prefers-reduced-motion: reduce) {
  body.page-smartbot .hero__ball-glow { animation: none; }
  body.page-smartbot .hero__bot { animation: none; transform: translateY(15px); }
}

/* ---------- 2. About ---------- */
body.page-smartbot .about { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding: 50px 50px 70px; background: var(--c-bg); }
body.page-smartbot .about__wrap { width: 100%; max-width: 1340px; border-radius: var(--r-lg); background: linear-gradient(rgb(249, 247, 246) 0%, rgba(247, 244, 242, 0) 100%); }
body.page-smartbot .about__container { display: flex; flex-direction: column; align-items: center; background: var(--c-white); border-radius: 70px; }
/* 2a */
body.page-smartbot .about__hero { display: flex; align-items: center; justify-content: center; gap: var(--sp-6); width: 100%; padding: 120px 60px 100px; }
body.page-smartbot .about__device { display: flex; align-items: center; justify-content: center; width: 488px; height: 640px; flex: none; }
body.page-smartbot .phone { position: relative; width: 320px; height: 618px; }
body.page-smartbot .phone__frame { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
body.page-smartbot .phone__screen { position: absolute; z-index: 1; left: 27px; top: 19px; width: 267px; height: 579px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 19px 16px 32px; background: #f2f2f2; border-radius: 36px; overflow: hidden; }
body.page-smartbot .phone__header { display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 7px; }
body.page-smartbot .phone__powered { font-family: var(--f-dm); font-weight: 400; font-size: 11.2px; line-height: 18px; letter-spacing: -0.22px; color: var(--c-ink-60); }
body.page-smartbot .phone__logo { display: block; width: 60px; height: 27px; }
body.page-smartbot .phone__logo img { width: 100%; height: 100%; object-fit: contain; }
/* final state (4 bubbles) = 445px, fits the 579px screen; bubbles sit at the bottom like live (justify flex-end) */
body.page-smartbot .phone__messages { width: 100%; gap: 16px; overflow: visible; }
body.page-smartbot .phone .msg--inset { width: calc(100% - 24px); }
/* the live phone component is a 0.8x scaled Framer layer: 16px text renders at 12.8px */
body.page-smartbot .phone .msg { padding: 16px; font-size: 12.8px; line-height: 18px; letter-spacing: -0.32px; }
body.page-smartbot .phone .msg--light { letter-spacing: -0.56px; }
body.page-smartbot .phone .msg--bot { border-radius: 16px 16px 0 16px; }
body.page-smartbot .phone .msg--user { border-radius: 16px 16px 16px 0; }
/* chat bubbles (shared by phone + feature-1 box) */
body.page-smartbot .chat { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 20px; overflow: hidden; }
body.page-smartbot .msg { width: 100%; padding: 20px; font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing: -0.4px; color: var(--c-text); text-align: left; }
body.page-smartbot .msg--bot { background: var(--c-green); border-radius: 20px 20px 0 20px; color: var(--c-text); }
body.page-smartbot .msg--user { background: var(--c-white); border-radius: 20px 20px 20px 0; color: #101010; }
body.page-smartbot .msg--light { font-weight: 300; letter-spacing: -0.7px; }
body.page-smartbot .msg--dim { opacity: 0.8; }
body.page-smartbot .msg--lg { font-size: 18px; line-height: 1.3; letter-spacing: -0.54px; }
body.page-smartbot .msg--fit { width: max-content; max-width: none; align-self: flex-start; }
/* sequential chat reveal (smartbot.js adds .is-in one by one) */
body.page-smartbot [data-chat] .msg { display: none; }
body.page-smartbot [data-chat] .msg.is-in { display: block; animation: sb-msg-in 0.45s var(--ease-out) both; }
.no-js body.page-smartbot [data-chat] .msg { display: block; }
@keyframes sb-msg-in { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }
body.page-smartbot [data-chat] .msg--dim.is-in { animation-name: sb-msg-in-dim; }
@keyframes sb-msg-in-dim { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 0.8; transform: none; } }
@media (prefers-reduced-motion: reduce) { body.page-smartbot [data-chat] .msg { display: block; animation: none; } }

body.page-smartbot .about__hero-content { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; width: 600px; flex: none; }
body.page-smartbot .about__hero-text { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
body.page-smartbot .about__hero-title { font-family: var(--f-dm); font-weight: 300; font-size: 36px; line-height: 1.2; letter-spacing: -0.72px; color: var(--c-ink); }
body.page-smartbot .about__hero-sub { font-family: var(--f-satoshi); font-weight: 400; font-size: 18px; line-height: 27px; color: var(--c-text); }
body.page-smartbot .checks { display: flex; flex-direction: column; gap: 12px; width: 100%; }
body.page-smartbot .check { display: flex; align-items: center; gap: 12px; }
body.page-smartbot .check__icon { width: 24px; height: 24px; flex: none; }
body.page-smartbot .check__icon svg { width: 100%; height: 100%; fill: #8e33ea; }
body.page-smartbot .check p { font-family: var(--f-satoshi); font-weight: 400; font-size: 16px; line-height: 1.4; color: var(--c-ink); }
body.page-smartbot .about__cta { display: flex; align-items: center; gap: var(--sp-6); }
body.page-smartbot .about__cta .btn { min-height: 46px; }
body.page-smartbot .proof { display: flex; align-items: center; gap: 8px; }
body.page-smartbot .proof__avatars { display: flex; align-items: center; width: 112px; height: 32px; flex: none; }
body.page-smartbot .proof__avatars img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex: none; }
body.page-smartbot .proof__avatars img + img { margin-left: -12px; }
body.page-smartbot .proof__text { width: 220px; font-family: var(--f-dm); font-weight: 300; font-size: 14px; line-height: 1.3; letter-spacing: -0.56px; color: #101010; }
/* 2b feature cards */
body.page-smartbot .fcards { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; max-width: 1300px; padding: 36px 20px; }
body.page-smartbot .fcards__title { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; }
body.page-smartbot .fcards__h { font-family: var(--f-dm); font-weight: 300; font-size: 90px; line-height: 1; letter-spacing: -4.5px; text-align: center; color: #101010; }
body.page-smartbot .fcards__p { max-width: 690px; font-family: var(--f-satoshi); font-weight: 400; font-size: 16px; line-height: 1.4; text-align: center; color: var(--c-ink); }
body.page-smartbot .fcards__row { display: flex; justify-content: center; align-items: flex-start; gap: 20px; width: 100%; }
body.page-smartbot .fcard { display: flex; flex-direction: column; align-items: center; gap: var(--sp-6); width: 320px; padding: 32px; }
body.page-smartbot .fcard__icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #8548f4; }
body.page-smartbot .fcard__icon svg { width: 32px; height: 32px; fill: var(--c-white); }
body.page-smartbot .fcard__body { display: flex; flex-direction: column; align-items: center; gap: 16px; }
body.page-smartbot .fcard__h { font-family: var(--f-dm); font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: -0.96px; text-align: center; color: #101010; }
body.page-smartbot .fcard__p { font-family: var(--f-dm); font-weight: 400; font-size: 17px; line-height: 1.3; letter-spacing: -0.51px; text-align: center; color: #101010; }
/* 2c features */
body.page-smartbot .feats { display: flex; flex-direction: column; align-items: center; gap: 100px; width: 100%; max-width: 1200px; padding: 72px 40px; }
body.page-smartbot .feats__title { display: flex; flex-direction: column; align-items: center; gap: 34px; }
body.page-smartbot .feats__h { max-width: 800px; font-family: var(--f-dm); font-weight: 300; font-size: 74px; line-height: 1; letter-spacing: -3.7px; text-align: center; color: #101010; }
body.page-smartbot .feats__p { max-width: 560px; font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 1.3; letter-spacing: -0.8px; text-align: center; color: #101010; }
body.page-smartbot .feats__list { display: flex; flex-direction: column; align-items: center; gap: var(--sp-12); width: 100%; }
body.page-smartbot .feat { display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; }
body.page-smartbot .feat__content { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; width: 540px; flex: none; }
body.page-smartbot .feat__title { display: flex; flex-direction: column; gap: 20px; }
body.page-smartbot .feat__h { font-family: var(--f-dm); font-weight: 300; font-size: 52px; line-height: 1; letter-spacing: -2.08px; color: #101010; }
body.page-smartbot .feat__h--2 { font-size: 50px; letter-spacing: -2px; }
body.page-smartbot .feat__h strong { font-weight: 400; }
body.page-smartbot .feat__p { font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 1.3; letter-spacing: -0.48px; color: #101010; }
body.page-smartbot .review { display: flex; flex-direction: column; gap: 20px; width: 400px; padding: 24px; background: var(--c-bg); border-radius: 20px; }
body.page-smartbot .review__head { display: flex; align-items: center; gap: 12px; }
body.page-smartbot .review__avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none; }
body.page-smartbot .review__name { flex: 1; font-family: var(--f-dm); font-weight: 400; font-size: 20px; line-height: 26px; letter-spacing: -1px; color: #101010; }
body.page-smartbot .review__stars { display: flex; align-items: center; }
body.page-smartbot .review__stars svg { width: 22px; height: 22px; fill: var(--c-green); }
body.page-smartbot .review__quote { font-family: var(--f-satoshi); font-weight: 400; font-size: 16px; line-height: 1.4; color: var(--c-ink); }
body.page-smartbot .feat__image { display: flex; align-items: center; justify-content: center; width: 540px; min-height: 470px; flex: none; }
/* live: 540x470 card that grows with the conversation (4 bubbles -> 577px at 1440, 986px at 375); bubbles bottom-aligned */
body.page-smartbot .chatbox { width: 100%; min-height: 470px; padding: 32px; background: #fafafa; border-radius: 20px; }
body.page-smartbot .chatbox .msg { font-size: 15px; line-height: 1.3; letter-spacing: -0.45px; }
body.page-smartbot .photo-chat { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 20px; width: 100%; height: 470px; padding: 32px; border-radius: 20px; overflow: hidden; }
body.page-smartbot .photo-chat > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
body.page-smartbot .photo-chat .msg { position: relative; z-index: 1; }

/* ---------- 3. SmartBots entrenados para cada mercado ---------- */
body.page-smartbot .mhead { display: flex; flex-direction: column; align-items: center; gap: 75px; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 32px; }
body.page-smartbot .mhead__title { max-width: 1216px; font-family: var(--f-dm); font-weight: 300; font-size: 116px; line-height: 1; letter-spacing: -3.6px; text-align: center; color: #080808; }
body.page-smartbot .mhead__bottom { display: flex; flex-direction: column; align-items: center; gap: 60px; }
body.page-smartbot .fan { display: flex; align-items: center; justify-content: center; }
body.page-smartbot .fan__box { position: relative; width: 184px; height: 184px; --fan-s: 1; }
body.page-smartbot .fan__tile { position: absolute; left: 50%; top: 50%; width: 184px; height: 184px; margin: -92px 0 0 -92px; padding: 4px; border-radius: 27px; background: linear-gradient(rgb(84, 227, 91) 0%, rgb(84, 227, 91) 100%); box-shadow: rgba(66, 71, 66, 0.14) 0 0.602187px 1.08394px -0.416667px, rgba(66, 71, 66, 0.18) 0 2.28853px 4.11936px -0.833333px, rgba(66, 71, 66, 0.2) 0 6px 12px -1.25px; transform: translate(calc(var(--fx) * var(--fan-s)), calc(var(--fy) * var(--fan-s))) rotate(var(--fr)) scale(var(--fan-s)); }
body.page-smartbot .fan__tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 23px; }
body.page-smartbot .fan__overlay { position: absolute; inset: 0; border-radius: 23px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.15) 100%); }
body.page-smartbot .fan__tile--1 { --fx: -335px; --fy: 16px; --fr: -9deg; z-index: 1; }
body.page-smartbot .fan__tile--2 { --fx: -217px; --fy: -11px; --fr: -7deg; z-index: 2; }
body.page-smartbot .fan__tile--3 { --fx: -109px; --fy: 0px; --fr: -4deg; z-index: 3; }
body.page-smartbot .fan__tile--4 { --fx: 0px; --fy: 0px; --fr: 0deg; z-index: 4; }
body.page-smartbot .fan__tile--5 { --fx: 100px; --fy: 0px; --fr: 4deg; z-index: 5; }
body.page-smartbot .fan__tile--6 { --fx: 200px; --fy: 7px; --fr: 7deg; z-index: 6; }
body.page-smartbot .fan__tile--7 { --fx: 305px; --fy: 8px; --fr: 12deg; z-index: 7; }
body.page-smartbot .mhead__text { max-width: 640px; font-family: var(--f-satoshi); font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -0.4px; text-align: center; color: var(--c-text); }

/* ---------- 4. Mercados + casos ---------- */
body.page-smartbot .markets { display: flex; flex-direction: column; align-items: center; gap: 57px; padding: 39px 80px 0; }
body.page-smartbot .markets__top { display: flex; justify-content: center; }
body.page-smartbot .markets__top .btn { min-height: 46px; }
body.page-smartbot .markets__grid { display: flex; flex-direction: column; align-items: center; gap: 22px; width: 100%; max-width: 1280px; }
body.page-smartbot .markets__row { display: flex; justify-content: center; align-items: center; gap: var(--sp-5); width: 100%; }
body.page-smartbot .mcard { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; width: 628px; height: 419px; padding: 44px; background: var(--c-white); border-radius: var(--r-md); overflow: hidden; }
body.page-smartbot .mcard__tag { position: relative; z-index: 1; display: inline-flex; align-items: center; padding: 8px 16px; border: 1px solid #e6e6e6; border-radius: var(--r-md); font-family: var(--f-satoshi); font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: 2.24px; text-transform: uppercase; color: var(--c-ink-60); white-space: nowrap; }
body.page-smartbot .mcard__title { position: relative; z-index: 1; width: 324px; font-family: var(--f-dm); font-weight: 400; font-size: 39px; line-height: 1; letter-spacing: -2px; color: var(--c-text); }
body.page-smartbot .mcard__img { position: absolute; z-index: 0; left: 360px; top: 48px; width: 378px; height: 416px; }
body.page-smartbot .mcard__img img { width: 100%; height: 100%; object-fit: cover; }
body.page-smartbot .mcard--3 .mcard__img { left: 370px; top: 64px; width: 368px; height: 405px; }
body.page-smartbot .mcard--4 .mcard__img { left: 313px; top: 1px; width: 425px; height: 467px; }
body.page-smartbot .mcard--4 .mcard__img img { object-position: 100% 0; }
body.page-smartbot .mcard__bot { position: relative; z-index: 1; font-family: var(--f-dm); font-weight: 400; font-size: 24px; line-height: 26px; letter-spacing: -0.5px; color: #757575; }
body.page-smartbot .mcard__bot--mono { font-family: "Source Code Pro", "Source Code Pro Placeholder", monospace; }
body.page-smartbot .mcard__desc { position: relative; z-index: 1; width: 263px; font-family: var(--f-dm); font-weight: 400; font-size: 15px; line-height: 23px; letter-spacing: -0.5px; color: #131313; }
body.page-smartbot .mcard--2 .mcard__desc { width: 256px; }
body.page-smartbot .mcard--3 .mcard__desc { width: 272px; }
body.page-smartbot .mcard--4 .mcard__desc { width: 246px; }
body.page-smartbot .mcard__desc strong { font-weight: 700; }
body.page-smartbot .mcard__btn { position: absolute; z-index: 1; left: 44px; bottom: 31px; min-height: 46px; }
/* casos */
body.page-smartbot .cases { display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; max-width: 1280px; padding: 59px 80px 60px; border-radius: 20px; }
body.page-smartbot .cases__head { display: flex; flex-direction: column; align-items: center; gap: 19px; max-width: 800px; }
body.page-smartbot .cases__title { font-family: var(--f-dm); font-weight: 400; font-size: 37px; line-height: 33px; letter-spacing: -1.9px; text-align: center; color: #2b2b2b; }
body.page-smartbot .cases__text { max-width: 517px; font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; text-align: center; color: #1c1c1c; }
body.page-smartbot .cases__cta { display: flex; justify-content: center; }
body.page-smartbot .cases__cta .btn { min-height: 46px; }
body.page-smartbot .cases__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); width: 100%; max-width: 1120px; }
body.page-smartbot .ccard { display: flex; flex-direction: column; align-items: flex-start; gap: 19px; padding: 30px; background: var(--c-white); border-radius: 20px; }
body.page-smartbot .ccard__top { display: flex; flex-direction: column; }
body.page-smartbot .ccard__h { font-family: var(--f-dm); font-weight: 500; font-size: 24px; line-height: 26px; letter-spacing: -0.5px; color: #3d3d3d; }
body.page-smartbot .ccard__sub, body.page-smartbot .ccard__p { font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; color: #3d3d3d; }
body.page-smartbot .ccard__p { padding-bottom: 19px; }
body.page-smartbot .tags { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; width: 100%; max-width: 896px; }
body.page-smartbot .tag { display: inline-flex; align-items: center; justify-content: center; padding: 13px 14px; background: var(--c-white); border-radius: 17px; font-family: var(--f-dm); font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #424242; white-space: nowrap; }

/* ---------- 4b. Proceso (phone only) ---------- */
body.page-smartbot .proceso { display: none; }

/* ---------- 5. Results: desktop identical to shared partial ---------- */
body.page-smartbot .results { padding-bottom: 50px; }

/* ---------- 6. FAQ (heading lives inside the white container on this page) ---------- */
body.page-smartbot .faq { padding: 0 50px; }
body.page-smartbot .faq__container { display: flex; flex-direction: column; align-items: stretch; gap: var(--sp-8); padding: 120px 60px; }
body.page-smartbot .faq__heading { padding: 0; }
body.page-smartbot .faq__list { padding: 0 var(--sp-8); }
body.page-smartbot .faq__item { padding: 0 var(--sp-8); }
body.page-smartbot .faq__list { gap: 0; }
body.page-smartbot .faq__q span { padding-right: 40px; }
body.page-smartbot .faq__item + .faq__item { margin-top: 12px; }

/* ---------- 7. CTA final: live uses the "Tablet" variant at 1440 ---------- */
body.page-smartbot .cta-final__container { gap: var(--sp-9); padding: 15px 30px 80px; }
body.page-smartbot .cta-final__card { width: 100%; min-height: 0; margin: 0; gap: 38px; padding: 98px 0 99px; border-radius: var(--r-md); }
body.page-smartbot .cta-final__title { max-width: 1132px; font-size: 51px; line-height: 0.9; letter-spacing: -2.04px; color: var(--c-ink); }
body.page-smartbot .site-footer__social { padding: 0; }
body.page-smartbot .site-footer__copy { padding: 0 60px; }

/* ==========================================================================
   Tablet 768-1199
   ========================================================================== */
@media (max-width: 1199px) {
  body.page-smartbot .hero__row { flex-direction: column; }
  body.page-smartbot .hero__content, body.page-smartbot .hero__copy { width: 100%; max-width: 677px; align-items: center; }
  body.page-smartbot .hero__heading, body.page-smartbot .hero__bottom { align-items: center; }
  body.page-smartbot .hero__title, body.page-smartbot .hero__text { text-align: center; }
  body.page-smartbot .hero__stats { display: none; }
  body.page-smartbot .about__hero { flex-direction: column; padding: 80px 30px; }
  body.page-smartbot .about__hero-content { width: 100%; max-width: 600px; }
  body.page-smartbot .fcards__h { font-size: 64px; letter-spacing: -3px; }
  body.page-smartbot .fcards__row { flex-wrap: wrap; }
  body.page-smartbot .feats { padding: 60px 20px; }
  body.page-smartbot .feat { flex-direction: column; }
  body.page-smartbot .feat--2 .feat__image { order: 0; }
  body.page-smartbot .feat__content, body.page-smartbot .feat__image { width: 100%; max-width: 540px; }
  body.page-smartbot .mhead__title { font-size: 80px; letter-spacing: -3px; }
  body.page-smartbot .fan__box { --fan-s: 0.75; }
  body.page-smartbot .markets { padding: 39px 30px 0; }
  body.page-smartbot .markets__row { flex-direction: column; }
  body.page-smartbot .mcard { width: 100%; max-width: 628px; }
  body.page-smartbot .cases { padding: 59px 20px 60px; }
  body.page-smartbot .cases__grid { grid-template-columns: repeat(2, 1fr); }
  body.page-smartbot .faq__container { padding: 80px 30px; }
  body.page-smartbot .faq__list, body.page-smartbot .faq__item { padding: 0; }
}

/* ==========================================================================
   Phone < 768
   ========================================================================== */
@media (max-width: 767px) {
  /* hero */
  body.page-smartbot .hero { padding: 90px 10px 18px; }
  body.page-smartbot .hero__wrap { border-radius: var(--r-md); }
  body.page-smartbot .hero__container { padding: 23px 20px 156px; }
  body.page-smartbot .hero__row { flex-direction: column; gap: 16px; }
  body.page-smartbot .hero__content { width: 100%; align-items: center; gap: 5px; }
  body.page-smartbot .hero__copy { width: 100%; max-width: 296px; gap: 20px; align-items: center; }
  body.page-smartbot .hero__heading { gap: 17px; align-items: center; }
  body.page-smartbot .hero__category { padding: 6px 12px; font-size: 14px; line-height: 18px; }
  body.page-smartbot .hero__category-icon { display: none; }
  body.page-smartbot .hero__title { max-width: none; font-size: 43px; letter-spacing: -2.4px; text-align: center; }
  body.page-smartbot .hero__bottom { gap: 16px; align-items: center; width: 100%; }
  body.page-smartbot .hero__text { max-width: 260px; text-align: center; }
  body.page-smartbot .hero__buttons { flex-direction: column; gap: 10px; width: 100%; padding-top: 10px; }
  body.page-smartbot .hbtn { width: 100%; }
  body.page-smartbot .hero__stats { display: none; }
  body.page-smartbot .hero__image { width: 100%; height: 141px; overflow: visible; justify-content: center; }
  body.page-smartbot .hero__ball { left: 50%; top: -24px; width: 336px; height: 336px; margin-left: -168px; }
  body.page-smartbot .hero__bot { position: absolute; left: 50%; top: 0; width: 335px; height: 495px; margin: 0 0 0 -167px; }
  /* about */
  body.page-smartbot .about { padding: 0 20px 42px; }
  body.page-smartbot .about__wrap { border-radius: var(--r-md); background: none; }
  body.page-smartbot .about__container { padding-top: 60px; border-radius: 40px; }
  body.page-smartbot .about__hero { flex-direction: column; gap: 32px; padding: 2px 20px 60px; }
  body.page-smartbot .about__device { width: 100%; height: auto; padding-top: 30px; }
  body.page-smartbot .phone { width: 280px; height: 540px; }
  body.page-smartbot .phone__screen { left: 23px; top: 17px; width: 234px; height: 507px; padding: 17px 14px 28px; }
  body.page-smartbot .phone__header { padding-top: 6px; }
  body.page-smartbot .phone__powered { font-size: 9.8px; line-height: 15.7px; letter-spacing: -0.2px; }
  body.page-smartbot .phone__logo { width: 53px; height: 24px; }
  body.page-smartbot .phone__messages { gap: 14px; }
  body.page-smartbot .phone .msg--inset { width: calc(100% - 21px); }
  body.page-smartbot .phone .msg { padding: 14px; font-size: 11.2px; line-height: 15.7px; }
  body.page-smartbot .about__hero-content { width: 100%; gap: 32px; }
  body.page-smartbot .about__hero-text { gap: 12px; align-items: center; }
  body.page-smartbot .about__hero-title { font-size: 32px; line-height: 1.1; letter-spacing: -1.6px; text-align: center; color: #101010; }
  body.page-smartbot .about__hero-sub { font-size: 16px; line-height: 1.4; text-align: center; color: var(--c-ink); }
  body.page-smartbot .about__cta { flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; }
  body.page-smartbot .about__cta .btn { width: 100%; min-height: 50px; }
  body.page-smartbot .proof { width: 340px; max-width: none; }
  body.page-smartbot .about__container { overflow: hidden; }
  body.page-smartbot .fcards { padding: 22px 20px; }
  body.page-smartbot .fcards__h { font-size: 32px; line-height: 1.1; letter-spacing: -1.6px; }
  body.page-smartbot .fcards__row { flex-direction: column; align-items: center; gap: 20px; }
  body.page-smartbot .fcard { width: 100%; padding: 12px; }
  body.page-smartbot .fcard:first-child { padding: 32px; }
  body.page-smartbot .fcard__h { font-weight: 300; font-size: 32px; letter-spacing: -1.28px; }
  body.page-smartbot .fcard:first-child .fcard__h { font-weight: 400; font-size: 24px; letter-spacing: -0.96px; }
  body.page-smartbot .fcard__p { font-family: var(--f-satoshi); font-size: 16px; line-height: 1.4; letter-spacing: 0; color: var(--c-ink); }
  body.page-smartbot .feats { gap: 60px; padding: 60px 20px; }
  body.page-smartbot .feats__h { font-size: 62px; letter-spacing: -3.1px; }
  body.page-smartbot .feats__p { max-width: 239px; font-family: var(--f-satoshi); font-size: 16px; line-height: 1.4; letter-spacing: 0; color: var(--c-ink); }
  body.page-smartbot .feats__list { gap: 80px; }
  body.page-smartbot .feat { flex-direction: column; gap: var(--sp-6); }
  body.page-smartbot .feat--1 .feat__image { order: -1; }
  body.page-smartbot .feat__content { width: 100%; }
  body.page-smartbot .feat__title { align-items: center; }
  body.page-smartbot .feat__h, body.page-smartbot .feat__h--2 { font-size: 32px; line-height: 1.2; letter-spacing: -1.28px; text-align: center; }
  body.page-smartbot .feat__p { font-family: var(--f-satoshi); line-height: 1.4; letter-spacing: 0; text-align: center; color: var(--c-ink); }
  body.page-smartbot .review { width: 100%; }
  body.page-smartbot .feat__image { width: 100%; height: auto; min-height: 0; max-width: 295px; }
  /* live: 295x470 card that grows to 986px as the 4 bubbles type in (main.js reveals anything pushed past the viewport) */
  body.page-smartbot .chatbox { min-height: 470px; border-radius: 20px; }
  body.page-smartbot .photo-chat { height: 400px; }
  /* live bubble is 244px wide and overflows the 32px padding (card clips at its edge) */
  body.page-smartbot .photo-chat .msg--fit { width: max-content; }
  /* heading + fan */
  body.page-smartbot .mhead { gap: 37px; padding: 0 20px; }
  body.page-smartbot .mhead__title { font-size: 59px; letter-spacing: -3.6px; }
  body.page-smartbot .mhead__bottom { gap: 50px; }
  body.page-smartbot .fan__box { height: 100px; --fan-s: 0.46; }
  body.page-smartbot .fan__tile--1 { --fx: -128px; transform: translate(calc(var(--fx) * var(--fan-s)), 0) rotate(-9deg) scale(0.2); }
  body.page-smartbot .fan__tile--2 { --fx: -215px; --fy: 0px; }
  body.page-smartbot .fan__tile--3 { --fx: -120px; }
  body.page-smartbot .fan__tile--4 { --fx: -22px; }
  body.page-smartbot .fan__tile--5 { --fx: 57px; }
  body.page-smartbot .fan__tile--6 { --fx: 117px; --fy: 0px; }
  body.page-smartbot .fan__tile--7 { --fx: 211px; --fy: 0px; }
  body.page-smartbot .mhead__text { font-size: 16px; line-height: 1.4; letter-spacing: 0; color: var(--c-ink); }
  /* markets */
  body.page-smartbot .markets { gap: 50px; padding: 40px 20px 0; }
  body.page-smartbot .markets__top { width: 100%; }
  body.page-smartbot .markets__top .btn { width: 100%; }
  body.page-smartbot .markets__row { flex-direction: column; }
  body.page-smartbot .mcard { width: 100%; height: 390px; padding: 28px; }
  body.page-smartbot .mcard__tag { font-size: 11px; line-height: 1.5; letter-spacing: 1.76px; }
  body.page-smartbot .mcard__title { width: 268px; font-size: 35px; }
  body.page-smartbot .mcard__bot--mono { font-family: var(--f-dm); }
  body.page-smartbot .mcard__desc { width: 145px; line-height: 24px; }
  body.page-smartbot .mcard--2 .mcard__desc { width: 175px; line-height: 23px; }
  body.page-smartbot .mcard--3 .mcard__desc { width: 157px; }
  body.page-smartbot .mcard--4 .mcard__desc { width: 134px; line-height: 23px; }
  body.page-smartbot .mcard__img { left: 151px; top: 104px; width: 263px; height: 289px; }
  body.page-smartbot .mcard--2 .mcard__img { left: 175px; top: 104px; width: 268px; height: 295px; }
  body.page-smartbot .mcard--3 .mcard__img { left: 178px; top: 89px; width: 278px; height: 306px; }
  body.page-smartbot .mcard--4 .mcard__img { left: 151px; top: 68px; width: 318px; height: 350px; }
  body.page-smartbot .mcard__btn { left: 27px; bottom: 32px; min-height: 50px; }
  body.page-smartbot .mcard--2 .mcard__btn, body.page-smartbot .mcard--4 .mcard__btn { left: 24px; }
  body.page-smartbot .cases { gap: 50px; margin-top: -50px; padding: 59px 0; border-radius: 0; }
  body.page-smartbot .cases__head { gap: 30px; width: 100%; }
  body.page-smartbot .cases__title { line-height: 32px; }
  body.page-smartbot .cases__text { max-width: none; font-family: var(--f-satoshi); line-height: 1.4; letter-spacing: 0; color: var(--c-ink); }
  body.page-smartbot .cases__cta { width: 100%; }
  body.page-smartbot .cases__cta .btn { width: 100%; min-height: 50px; }
  body.page-smartbot .cases__grid { grid-template-columns: 1fr; }
  body.page-smartbot .tags { gap: 16px; }
  body.page-smartbot .tag--s { padding: 10px 16px; }
  /* proceso */
  body.page-smartbot .proceso { display: flex; flex-direction: column; align-items: center; gap: 50px; padding: 0 20px; }
  body.page-smartbot .proceso__top { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; padding: 12px 30px; }
  body.page-smartbot .proceso__pill { display: inline-flex; align-items: center; padding: 6px 16px; border: 1px solid rgba(17, 16, 17, 0.12); border-radius: 40px; background: linear-gradient(rgba(255, 255, 255, 0.08) -100%, rgba(255, 255, 255, 0.05) 100%); font-family: var(--f-dm); font-weight: 500; font-size: 14px; line-height: 26px; letter-spacing: -0.5px; color: #131313; }
  body.page-smartbot .proceso__title { display: flex; flex-direction: column; align-items: center; gap: 3px; }
  body.page-smartbot .proceso__h { font-family: var(--f-dm); font-weight: 400; font-size: 30px; line-height: 33px; letter-spacing: -1.9px; text-align: center; color: #080808; }
  body.page-smartbot .proceso__h:first-child { min-height: 66px; }
  body.page-smartbot .proceso__text { font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; text-align: center; color: #131313; }
  body.page-smartbot .proceso__steps { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; padding: 30px; background: var(--c-white); border-radius: 30px; }
  body.page-smartbot .pstep { display: flex; flex-direction: column; align-items: center; gap: 7px; width: 100%; padding: 30px 13px; border-radius: 20px; background: var(--c-white); }
  body.page-smartbot .pstep__h { font-family: var(--f-dm); font-weight: 400; font-size: 28px; line-height: 30px; letter-spacing: -0.6px; text-align: center; color: var(--c-text); }
  body.page-smartbot .pstep__p { font-family: var(--f-dm); font-weight: 400; font-size: 15px; line-height: 21px; letter-spacing: -0.5px; text-align: center; color: var(--c-ink-60); }
  /* results: live phone layout only shows cards 1 & 2 with tinted cards */
  body.page-smartbot .results { padding: 0 20px; }
  body.page-smartbot .results__wrap { border-radius: var(--r-md); }
  body.page-smartbot .results__title { font-size: 26px; letter-spacing: -1.04px; }
  body.page-smartbot .results__col:nth-child(3), body.page-smartbot .results__col:nth-child(4) { display: none; }
  body.page-smartbot .results__col:first-child .results__card { background: linear-gradient(rgb(255, 255, 255) 49.9067%, rgb(169, 223, 172) 100%); }
  body.page-smartbot .results__col:first-child .results__stat { font-weight: 500; color: #6f9954; }
  body.page-smartbot .results__col:first-child .results__caption { color: #6f9954; }
  body.page-smartbot .results__col:nth-child(2) .results__card { background: #e5dbeb; }
  body.page-smartbot .results__col:nth-child(2) .results__caption { color: #987da5; }
  /* faq */
  body.page-smartbot .faq { padding: 0 20px; }
  body.page-smartbot .faq__container { gap: var(--sp-6); padding: 60px 20px 40px; border-radius: var(--r-md); }
  body.page-smartbot .faq__title { text-align: center; }
  body.page-smartbot .faq__list, body.page-smartbot .faq__item { padding: 0; }
  body.page-smartbot .faq__item + .faq__item { margin-top: 12px; }
  body.page-smartbot .faq__q span { padding-right: 0; }
  /* cta */
  body.page-smartbot .cta-final__container { gap: 37px; padding: 19px 10px; }
  /* live breaks "transformació-n" inside the 307px title box (same as the home page) */
  body.page-smartbot .cta-final__title { font-size: 48px; letter-spacing: -1.92px; color: var(--c-text); }
  body.page-smartbot .site-footer__copy { padding: 0; font-size: 15px; }
}