/* =========================================================
   TurnIA — Web comercial
   ========================================================= */
@font-face{font-family:"Poppins";src:url("../fonts/poppins-light.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-medium.woff") format("woff");font-weight:500 600;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-bold.woff") format("woff");font-weight:700 800;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/lora-italic.woff") format("woff");font-style:italic;font-weight:400 700;font-display:swap}

:root{
  color-scheme:light dark;
  --navy:#0B1F3A;
  --ink:#1B2B3F;
  --muted:#5B6B7C;
  --soft:#8594A3;
  --teal-900:#07463E;
  --teal-800:#0A5A50;
  --teal-700:#0B6E60;
  --teal-600:#0D7F6D;
  --teal-500:#10957D;
  --green:#22B07D;
  --mint-25:#F6FBFA;
  --mint-50:#EFF8F5;
  --mint-100:#E1F2EC;
  --mint-200:#C9E8DE;
  --line:#E3EBEA;
  --line-2:#EDF2F1;
  --red-50:#FFF3F3;
  --red-100:#FBE1E1;
  --red:#E5484D;
  --blue:#2F6FEB;
  --arca:#1F2850;
  --bg:#FFFFFF;
  --surface:#FFFFFF;
  --brand-word:#0C3B4E;
  --input-line:#D3DEDC;
  --radius:16px;
  --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(16,40,60,.05),0 2px 8px rgba(16,40,60,.05);
  --shadow:0 2px 6px rgba(16,40,60,.05),0 10px 30px rgba(16,40,60,.08);
  --shadow-lg:0 20px 60px rgba(12,35,55,.18),0 6px 18px rgba(12,35,55,.08);
  --container:1360px;
  --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- tipografía base ---------- */
.kicker{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-700);margin-bottom:8px}
.h2{font-size:clamp(26px,2.7vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--navy)}
.lead{margin-top:10px;font-size:17px;color:var(--muted)}
.section{padding:40px 0}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:15px;line-height:1;padding:13px 20px;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s,color .2s}
.btn .ico{width:18px;height:18px}
.btn-sm{padding:10px 18px;font-size:14px}
.btn-lg{padding:17px 26px;font-size:16px}
.btn-block{width:100%}
.btn-primary{color:#fff;background:linear-gradient(180deg,#0F8A74 0%,#0B6E60 100%);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 6px 16px rgba(11,110,96,.25)}
.btn-primary:hover{background:linear-gradient(180deg,#0E7F6B 0%,#095E52 100%);transform:translateY(-1px)}
.btn-outline{color:var(--navy);background:var(--surface);border-color:#CFDAD8}
.btn-outline:hover{border-color:var(--teal-700);color:var(--teal-700)}
.btn-ghost{color:var(--navy);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}
.btn-ghost:hover{border-color:var(--mint-200)}
.btn-ghost .ico-teal{color:var(--teal-700);width:22px;height:22px}
.btn-wa{color:#fff;border-color:rgba(255,255,255,.55);background:transparent}
.btn-wa img{width:20px;height:20px}
.btn-wa:hover{background:rgba(255,255,255,.08);border-color:#fff}
.btn-on-dark{background:linear-gradient(180deg,#14A386 0%,#0F8A74 100%);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.btn-mp{color:#fff;background:#009EE3;box-shadow:0 8px 20px rgba(0,158,227,.25)}
.btn-mp:hover{background:#008ACB}
.btn-mp img{width:28px;height:auto}
:focus-visible{outline:3px solid rgba(16,149,125,.45);outline-offset:2px}

/* ---------- marca ---------- */
.brand{display:inline-flex;align-items:center;gap:9px}
.brand-mark{width:42px;height:42px;object-fit:contain}
.brand-word{font-size:25px;font-weight:700;letter-spacing:-.03em;color:var(--brand-word);line-height:1}
.brand-word b{color:var(--teal-500);font-weight:700}

/* =================== HEADER =================== */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.site-header.scrolled{border-color:var(--line);box-shadow:0 4px 20px rgba(16,40,60,.05)}
.header-inner{height:72px;display:flex;align-items:center;gap:40px}
.main-nav{display:flex;gap:30px;margin-right:auto;margin-left:18px}
.main-nav a{font-size:14px;color:var(--ink);font-weight:400;position:relative;padding:6px 0}
.main-nav a:hover{color:var(--teal-700)}
.main-nav a.is-active{color:var(--teal-700);font-weight:500}
.main-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--teal-600)}
.header-actions{display:flex;gap:12px;align-items:center}
.header-actions .btn-outline{min-width:110px}
.header-actions .btn-primary{min-width:150px}
.nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;color:var(--navy)}
.mobile-nav{border-top:1px solid var(--line);background:var(--surface);padding:12px 24px 20px}
.mobile-nav a:not(.btn){display:block;padding:12px 0;border-bottom:1px solid var(--line-2);font-weight:500;color:var(--navy)}
.mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}

/* =================== HERO =================== */
.hero{position:relative;padding:26px 0 36px;overflow:hidden;
  background:
    radial-gradient(900px 480px at 78% 30%,rgba(225,242,236,.9),rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#fff 0%,#FAFCFC 100%)}
.hero::after{content:"";position:absolute;right:-6%;bottom:-40px;width:62%;height:120px;background:linear-gradient(180deg,rgba(234,240,242,0),#EEF3F4);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:28px;align-items:center;position:relative;z-index:1}
.hero-copy{padding-top:6px}
.hero h1{font-size:clamp(34px,3.55vw,51px);line-height:1.06;letter-spacing:-.035em;font-weight:700;margin-top:6px}
.h1-dark{display:block;color:var(--navy)}
.h1-teal{display:block;color:var(--teal-700);white-space:nowrap}
.hero-sub{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink);max-width:520px}
.hero-ctas{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.hero-ctas .btn-primary{min-width:200px}
.hero-trust{display:grid;grid-template-columns:repeat(4,auto);gap:22px;margin-top:34px;align-items:start;justify-content:start}
.hero-trust li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:12px;line-height:1.35;color:var(--muted);max-width:128px}
.hero-trust .ico{width:28px;height:28px;color:var(--teal-700);stroke-width:1.5}

/* ---- visual de dispositivos (todo escala con cqw) ---- */
.hero-visual{container-type:inline-size;position:relative}
.hv{position:relative;width:100%;aspect-ratio:100/74}
.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:1.6cqw;background:var(--surface);border:1px solid var(--line);border-radius:1.8cqw;padding:1.3cqw 1.9cqw 1.3cqw 1.4cqw;box-shadow:0 1.4cqw 3.6cqw rgba(12,35,55,.12);font-size:1.55cqw;line-height:1.25;white-space:nowrap}
.float-card b{display:block;font-weight:600;color:var(--navy);font-size:1.75cqw}
.float-card span{color:var(--muted);font-size:1.4cqw}
.fc-logo{width:5.4cqw;height:5.4cqw;border-radius:1.1cqw;flex:none}
.fc-logo-sm{width:4.4cqw;height:4.4cqw;border-radius:0}
.fc-logo-mp{width:5.6cqw;height:auto;border-radius:0}
.fc-ico{width:5.4cqw;height:5.4cqw;border-radius:1.2cqw;display:grid;place-items:center;flex:none}
.fc-ico .ico{width:3.2cqw;height:3.2cqw;stroke-width:1.9}
.ic-green{background:#E3F5EC;color:#16935F}
.ic-blue{background:#E6EEFE;color:#2F6FEB}
.fc-arca{left:2%;top:0}
.fc-firma{left:31%;top:0}
.fc-receta{left:59%;top:0}
.fc-voz{right:-1%;top:14%}
.fc-wa{right:-2%;top:25%;white-space:normal;width:23cqw}
.fc-mp{left:-2%;bottom:6%}

.laptop{position:absolute;left:3%;top:13.5%;width:72%;z-index:2}
.laptop-screen{background:#14181D;border-radius:2.2cqw 2.2cqw .6cqw .6cqw;padding:1.3cqw 1.3cqw 1.6cqw;box-shadow:var(--shadow-lg);position:relative}
.laptop-screen::before{content:"";position:absolute;top:.5cqw;left:50%;width:.7cqw;height:.7cqw;margin-left:-.35cqw;border-radius:50%;background:#2C333B}
.laptop-base{position:relative;height:2.3cqw;margin:0 -6.5%;background:linear-gradient(180deg,#E7EBEE 0%,#C9CFD5 55%,#A9B0B7 100%);border-radius:0 0 3cqw 3cqw / 0 0 1.8cqw 1.8cqw;box-shadow:0 2.4cqw 3cqw -1cqw rgba(12,35,55,.35)}
.laptop-base span{position:absolute;left:50%;top:0;width:14%;height:.9cqw;transform:translateX(-50%);background:#B8BFC6;border-radius:0 0 1cqw 1cqw}

.app{display:grid;grid-template-columns:22% 1fr;background:#F6F9F9;border-radius:.6cqw;overflow:hidden;aspect-ratio:16/10.4;font-size:1.25cqw;color:var(--ink)}
.app svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.app-side{background:var(--surface);border-right:1px solid var(--line-2);padding:1.8cqw 1.1cqw}
.app-brand{display:flex;align-items:center;gap:.7cqw;font-weight:700;color:#0C3B4E;font-size:1.9cqw;letter-spacing:-.03em;margin-bottom:1.8cqw}
.app-brand svg,.app-brand img{width:3cqw;height:3cqw;stroke:none;object-fit:contain}
.app-brand b{color:var(--teal-500)}
.app-brand.sm{font-size:2cqw;margin:0}
.app-brand.sm svg,.app-brand.sm img{width:3cqw;height:3cqw}
.app-side li{display:flex;align-items:center;gap:.9cqw;padding:.85cqw 1cqw;border-radius:.9cqw;color:#50606F;font-size:1.2cqw;margin-bottom:.2cqw}
.app-side li svg{width:1.6cqw;height:1.6cqw}
.app-side li.on{background:var(--mint-100);color:var(--teal-700);font-weight:600}
.app-main{padding:1.5cqw 2cqw}
.app-top{display:flex;justify-content:space-between;align-items:center}
.app-search{display:flex;align-items:center;gap:.8cqw;background:var(--surface);border:1px solid var(--line);border-radius:1cqw;padding:.7cqw 1.2cqw;width:44%;color:var(--soft);font-size:1.15cqw}
.app-search svg{width:1.4cqw;height:1.4cqw}
.app-user{display:flex;align-items:center;gap:.8cqw;font-size:1.1cqw;line-height:1.2}
.app-user b{display:block;font-weight:600;color:var(--navy)}
.app-user i{font-style:normal;color:var(--soft);font-size:1cqw}
.av{display:inline-block;width:2.8cqw;height:2.8cqw;border-radius:50%;flex:none;background:linear-gradient(135deg,#F2C7A5,#C98A67)}
.av1{background:radial-gradient(circle at 50% 38%,#F3D2B8 0 32%,transparent 33%),radial-gradient(circle at 50% 110%,#0E8C74 0 52%,transparent 53%),linear-gradient(#5A3B2C,#3E2A20)}
.av2{background:radial-gradient(circle at 50% 38%,#F1CDB0 0 32%,transparent 33%),radial-gradient(circle at 50% 110%,#7AA6D9 0 52%,transparent 53%),linear-gradient(#8B5A3C,#6B4330)}
.av3{background:radial-gradient(circle at 50% 38%,#E7B894 0 32%,transparent 33%),radial-gradient(circle at 50% 110%,#34495E 0 52%,transparent 53%),linear-gradient(#DDE3E8,#C9D1D8)}
.av4{background:radial-gradient(circle at 50% 38%,#F4D3BC 0 32%,transparent 33%),radial-gradient(circle at 50% 110%,#E58E8E 0 52%,transparent 53%),linear-gradient(#2B2B2B,#1E1E1E)}
.av5{background:radial-gradient(circle at 50% 38%,#EFC9A8 0 32%,transparent 33%),radial-gradient(circle at 50% 110%,#9C7FD1 0 52%,transparent 53%),linear-gradient(#C49A6C,#A77E53)}
.app-hello{font-weight:600;color:var(--navy);font-size:1.9cqw;margin:1.6cqw 0 1.2cqw;letter-spacing:-.02em}
.app-card{background:var(--surface);border:1px solid var(--line-2);border-radius:1.2cqw;padding:1.2cqw 1.4cqw;box-shadow:0 .3cqw 1cqw rgba(16,40,60,.04)}
.app-card-t{font-weight:600;color:var(--navy);font-size:1.35cqw;margin-bottom:.6cqw}
.app-row{display:grid;grid-template-columns:4.5cqw 3.2cqw 1fr auto;align-items:center;gap:.8cqw;padding:.7cqw 0;border-top:1px solid var(--line-2)}
.app-row:first-of-type{border-top:0}
.app-row time{font-size:1.15cqw;color:var(--muted);font-variant-numeric:tabular-nums}
.app-row b{display:block;font-weight:600;font-size:1.2cqw;color:var(--navy);line-height:1.2}
.app-row i{font-style:normal;color:var(--soft);font-size:1cqw}
.pill{font-style:normal;font-size:1cqw;font-weight:600;padding:.35cqw 1cqw;border-radius:99px}
.pill.ok{background:#E3F5EC;color:#15845A}
.pill.live{background:#FFF1DE;color:#C27510}
.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin-top:1.2cqw}
.app-stats>div{background:var(--surface);border:1px solid var(--line-2);border-radius:1.1cqw;padding:1cqw 1.2cqw;position:relative;overflow:hidden}
.app-stats i{display:block;font-style:normal;color:var(--soft);font-size:1cqw}
.app-stats b{display:block;font-weight:700;color:var(--navy);font-size:1.75cqw;letter-spacing:-.02em;margin-top:.2cqw}
.spark{position:absolute;right:1cqw;bottom:1cqw;width:5cqw;height:2.2cqw;background:linear-gradient(135deg,transparent 45%,rgba(16,149,125,.0) 46%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 22'%3E%3Cpath d='M1 18 9 14l7 3 8-8 7 4 8-9 9 3' fill='none' stroke='%2310957D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.spark.s2{filter:hue-rotate(60deg)}
.spark.s3{filter:hue-rotate(-40deg)}

.phone{position:absolute;right:9%;top:38%;width:17.5%;z-index:4;background:#15191E;border-radius:3.6cqw;padding:.8cqw;box-shadow:var(--shadow-lg),0 0 0 .25cqw #3B434C inset}
.phone-screen{position:relative;background:#F6F9F9;border-radius:2.9cqw;aspect-ratio:9/19;overflow:hidden;padding:3.4cqw 1.4cqw 1.4cqw}
.ph-notch{position:absolute;top:.8cqw;left:50%;transform:translateX(-50%);width:5.4cqw;height:1.5cqw;border-radius:1cqw;background:#15191E}
.ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6cqw}
.ph-top .av{width:2.6cqw;height:2.6cqw}
.ph-list{display:grid;gap:.9cqw}
.ph-item{display:flex;align-items:center;gap:1cqw;background:var(--surface);border:1px solid var(--line-2);border-radius:1.2cqw;padding:1cqw;font-size:1.3cqw;font-weight:600;color:var(--navy)}
.ph-ic{width:2.8cqw;height:2.8cqw;border-radius:.8cqw;display:grid;place-items:center;flex:none}
.ph-ic svg{width:1.7cqw;height:1.7cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c1{background:#E1F2EC;color:var(--teal-700)}.c2{background:#E6EEFE;color:#2F6FEB}.c3{background:#FFF1DE;color:#C27510}.c4{background:#F0EAFD;color:#7A4FD6}.c5{background:#FDE8EC;color:#D33B5B}
.ph-fab{position:absolute;right:1.6cqw;bottom:5.4cqw;width:4.2cqw;height:4.2cqw;border-radius:50%;background:var(--teal-600);display:grid;place-items:center;box-shadow:0 .8cqw 1.6cqw rgba(11,110,96,.35)}
.ph-fab svg{width:2.2cqw;height:2.2cqw;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.ph-tabs{position:absolute;left:0;right:0;bottom:0;height:4cqw;background:var(--surface);border-top:1px solid var(--line-2);display:flex;justify-content:space-around;align-items:center}
.ph-tabs i{width:1.8cqw;height:1.8cqw;border-radius:.5cqw;background:#D9E3E1}
.ph-tabs i:first-child{background:var(--teal-500)}

/* Las pantallas de los dispositivos se ven siempre en claro, en cualquier tema */
.laptop-screen,.phone-screen,.tablet-screen{--navy:#0B1F3A;--ink:#1B2B3F;--muted:#5B6B7C;--soft:#8594A3;--teal-700:#0B6E60;--teal-600:#0D7F6D;--teal-500:#10957D;--mint-100:#E1F2EC;--line:#E3EBEA;--line-2:#EDF2F1;--surface:#FFFFFF;color-scheme:light}

/* =================== ANTES / CON =================== */
.compare{padding-top:44px}
.compare .lead{margin-top:6px}
.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:18px;align-items:stretch;margin-top:22px}
.box-without{background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--radius);padding:18px 18px 18px}
.bw-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.bw-head>.ico{width:30px;height:30px;color:var(--red);background:var(--surface);border-radius:50%;padding:5px;box-shadow:0 2px 8px rgba(229,72,77,.18)}
.bw-head b{display:block;color:#C62F35;font-weight:700;font-size:18px;line-height:1.2}
.bw-head span{font-size:12.5px;color:#B24A4E}
.bw-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.bw-tile{background:var(--surface);border:1px solid #F4E1E1;border-radius:12px;padding:14px 6px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 2px 6px rgba(229,72,77,.05)}
.bw-tile b{font-size:12.5px;font-weight:600;color:var(--navy);margin-top:6px;line-height:1.2}
.bw-tile span{font-size:11px;color:var(--soft)}
.t-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}
.t-ico .ico{width:24px;height:24px}
.t-red{background:#FDE7E7;color:#E0484D}.t-blue{background:#E6EEFE;color:#2F6FEB}.t-green{background:#E3F5EC;color:#16935F}
.t-logo{width:38px;height:38px}
.t-logo-mp{width:44px;height:auto;margin:5px 0}
.compare-arrow{display:grid;place-items:center;color:var(--teal-600)}
.compare-arrow .ico{width:40px;height:40px;stroke-width:2.2}
.box-with{background:linear-gradient(180deg,#EAF6F2,#E3F2ED);border:1px solid var(--mint-200);border-radius:var(--radius);padding:18px}
.bwt-head{display:flex;gap:10px;align-items:center}
.bwt-head .brand-mark{width:34px;height:34px}
.bwt-head b{display:block;color:var(--teal-800);font-weight:700;font-size:18px;line-height:1.2}
.bwt-head span{font-size:12.5px;color:#3C6F66}
.bwt-body{display:grid;grid-template-columns:34% 36px 1fr;align-items:center;margin-top:12px}
.bwt-core{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);height:118px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--mint-200)}
.bwt-core .brand-mark{width:56px;height:56px}
.bwt-core .brand-word{font-size:30px}
.bwt-lines{width:100%;height:150px}
.bwt-lines path{fill:none;stroke:#8FCFBF;stroke-width:1.4;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.bwt-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bwt-pills li{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid #D7ECE5;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:500;color:var(--navy);line-height:1.2;box-shadow:0 1px 3px rgba(16,40,60,.04)}
.p-ico{width:24px;height:24px;border-radius:7px;background:var(--mint-100);color:var(--teal-700);display:grid;place-items:center;flex:none}
.p-ico .ico{width:15px;height:15px}
.p-logo{width:24px;height:24px;flex:none;border-radius:6px;object-fit:contain}

/* =================== DIFERENCIALES =================== */
.diffs{padding-top:34px}
.diff-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:20px}
.diff-card{position:relative;background:linear-gradient(180deg,#F4FAF8 0%,#fff 70%);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px 24px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.diff-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.diff-ico,.diff-logo{width:56px;height:56px;border-radius:14px;margin-bottom:16px}
.diff-ico{display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#14A386 0%,#0B6E60 100%);box-shadow:0 8px 18px rgba(11,110,96,.25)}
.diff-ico .ico{width:30px;height:30px;stroke-width:1.7}
.diff-logo{box-shadow:0 8px 18px rgba(11,42,74,.25)}
.diff-card h3{font-size:16.5px;line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--navy);margin-bottom:8px}
.diff-card p{font-size:13.5px;line-height:1.5;color:var(--muted)}
.diff-card{display:flex;flex-direction:column}
.diff-card p{margin-bottom:12px}
.diff-card .diff-badge{margin-top:auto;align-self:flex-start}
.diff-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--navy);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px 11px 5px 7px}
.diff-badge img{width:16px;height:16px}
.diff-badge-txt{padding:5px 11px;font-weight:500;color:var(--muted)}
.diff-badge-txt b{font-weight:700;color:var(--navy);margin-left:3px}
.diff-badge-misrx{background:#CDCFD0;border-color:#CDCFD0;color:#3B4148;font-weight:500;padding:3px 6px 3px 11px}
.diff-badge-misrx img{width:auto;height:38px;border-radius:6px;margin:-4px 0}
.diff-badge-logo .logo-digilogix{width:auto;height:18px;margin:-2px 0 0 3px}

/* =================== AUTOMATIZACIONES =================== */
.autos{padding-top:22px}
.auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.auto-card{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm)}
.auto-card h3{font-size:15px;font-weight:600;color:var(--navy);line-height:1.3;margin-bottom:3px}
.auto-card p{font-size:13px;line-height:1.45;color:var(--muted)}
.a-ico{width:44px;height:44px;border-radius:12px;background:var(--mint-50);color:var(--teal-600);display:grid;place-items:center;flex:none}
.a-ico .ico{width:26px;height:26px}
.a-ico-blue{background:#EBF2FE;color:#2F6FEB}
.a-logo{width:44px;height:44px;flex:none}
.a-logo-mp{width:48px;height:auto;margin-top:6px}
.a-logos{display:flex;gap:4px;flex:none;align-items:center;height:44px}
.a-logos img{width:22px;height:auto}
.a-logos img+img{width:25px}

/* =================== FLUJO =================== */
.flow{padding-top:38px}
.flow-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px;align-items:center}
.flow .lead{margin-top:4px}
.flow-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:28px;counter-reset:s}
.flow-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.flow-steps li:not(:last-child)::after{content:"";position:absolute;top:58px;right:-9px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376A79C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.5 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.flow-steps .n{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center}
.f-ico{width:62px;height:62px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--teal-600)}
.f-ico .ico{width:30px;height:30px;stroke-width:1.6}
.f-ico img{width:32px;height:32px}
.f-ico img.f-mp{width:40px;height:auto}
.f-ico-arca{background:var(--arca);border-color:var(--arca);overflow:hidden}
.f-ico-arca img{width:62px;height:62px}
.flow-steps b{font-size:12.5px;font-weight:600;color:var(--navy);line-height:1.3}
.flow-steps small{display:block;font-size:10.5px;color:var(--soft);font-weight:400;margin-top:2px}

.flow-visual{position:relative;height:330px;container-type:inline-size}
.tablet{position:absolute;right:1%;top:14px;width:61%;transform:rotate(-3deg);background:#15191E;border-radius:22px;padding:10px;box-shadow:var(--shadow-lg),0 0 0 2px #3B434C inset}
.tablet-screen{background:#F6F9F9;border-radius:13px;aspect-ratio:4/3;padding:5% 6%;overflow:hidden;font-size:clamp(7.5px,2.35cqw,11px)}
.tablet-screen .app-brand{font-size:1.4em;margin:0}
.tablet-screen .app-brand svg,.tablet-screen .app-brand img{width:1.7em;height:1.7em}
.tb-head{display:flex;justify-content:space-between;align-items:center}
.tb-date{font-size:.9em;color:var(--soft)}
.tb-kpis{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px;margin-top:6%}
.tb-kpis>div{background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:6px 8px}
.tb-kpis i{display:block;font-style:normal;font-size:.8em;color:var(--soft)}
.tb-kpis b{font-size:1.15em;color:var(--navy);font-weight:700;white-space:nowrap}
.tb-chart{height:22%;display:flex;align-items:flex-end;gap:5%;padding:4% 3% 0;margin-top:5%;background:var(--surface);border:1px solid var(--line-2);border-radius:8px}
.tb-chart span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#34B89A,#0E8C74)}
.tb-rows{margin-top:4%;display:grid;gap:4px}
.tb-rows div{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:4px 8px;font-size:.85em;color:var(--ink)}
.tb-rows em{margin-left:auto;font-style:normal;font-weight:600;color:#15845A;font-size:.9em}
.dot{width:7px;height:7px;border-radius:50%}
.dot.g{background:#22B07D}.dot.b{background:#2F6FEB}
.checklist{position:absolute;left:2%;top:96px;z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px 18px;display:grid;gap:9px}
.checklist p{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--navy);white-space:nowrap}
.checklist .ico{width:20px;height:20px;color:#fff;fill:#22B07D;stroke:#fff;stroke-width:2}
.handnote{position:absolute;right:4%;bottom:6px;font-family:"Lora",Georgia,serif;font-style:italic;color:var(--teal-700);font-size:21px;line-height:1.15;transform:rotate(-6deg);text-align:right}
.handarrow{position:absolute;left:40%;bottom:14px;width:90px;height:60px;fill:none;stroke:var(--teal-600);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* =================== PRECIO =================== */
.pricing{padding-top:26px}
.price-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:18px;margin-top:18px}
.price-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pc-plan{padding:26px 26px 22px;border-right:1px solid var(--line)}
.pc-name{display:flex;gap:14px;align-items:flex-start}
.pc-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(160deg,#14A386,#0B6E60);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 14px rgba(11,110,96,.25)}
.pc-badge .ico{width:26px;height:26px}
.pc-name h3{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.2}
.pc-name p{font-size:13px;color:var(--muted);margin-top:2px}
.pc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin:12px 0 18px}
.pc-price .amount{font-size:44px;font-weight:700;letter-spacing:-.04em;color:var(--navy);line-height:1}
.pc-price .per{font-size:15px;color:var(--muted);font-weight:500}
.pc-price .tax{flex-basis:100%;font-size:13px;color:var(--teal-700);font-weight:600;line-height:1.45;margin-top:4px;min-height:38px}
.billing{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:16px;padding:4px;border-radius:12px;background:var(--mint-50);border:1px solid var(--line)}
.billing button{border:0;background:transparent;border-radius:9px;padding:8px 4px;font-size:13px;font-weight:600;color:var(--muted);line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;gap:2px;transition:background .15s,color .15s}
.billing button small{font-size:10.5px;font-weight:600;color:var(--teal-600)}
.billing button[aria-checked="true"]{background:var(--surface);color:var(--navy);box-shadow:var(--shadow-sm)}
.billing button:hover{color:var(--navy)}
.billing button.best small{color:#fff;background:var(--teal-600);padding:1px 7px;border-radius:99px}
.pc-trial{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:6px 12px;border-radius:99px;background:var(--mint-100);color:var(--teal-700);font-size:13px;font-weight:600}
.pc-trial .ico{width:16px;height:16px}
.pc-foot{margin-top:14px;font-size:12px;color:var(--soft)}
.hero-note{margin-top:14px;font-size:13.5px;color:var(--muted)}
.co-done{margin-top:12px;font-size:14px;color:var(--teal-700);background:var(--mint-50);border:1px solid var(--mint-200);border-radius:10px;padding:10px 12px}
.pc-safe{display:flex;align-items:flex-start;justify-content:flex-start;gap:7px;line-height:1.45;font-size:12.5px;color:var(--muted);margin-top:12px}
.pc-safe .ico{width:15px;height:15px;margin-top:2px}
.pc-note{text-align:left;padding-left:22px;font-size:11.5px;color:var(--soft);margin-top:4px}
.pc-features{padding:24px 26px}
.pc-inc{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:12px}
.pc-features ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.pc-features li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink)}
.pc-features .ico{width:18px;height:18px;color:#fff;fill:#1FA37C;stroke:#fff;stroke-width:2.2}
.team-card{background:linear-gradient(180deg,#EDF6FB,#E6F1F7);border:1px solid #D6E7F0;border-radius:var(--radius);padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tc-ico{width:56px;height:56px;border-radius:50%;background:var(--surface);color:#1C6FA0;display:grid;place-items:center;box-shadow:var(--shadow-sm);margin-bottom:14px}
.tc-ico .ico{width:32px;height:32px}
.team-card h3{font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.015em}
.team-card p{font-size:13.5px;color:var(--muted);margin:8px 0 18px;max-width:280px}
.team-card .btn{min-width:200px}

/* =================== FAQ =================== */
.faq{padding-top:30px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:16px;align-items:start}
.faq-col{display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--mint-200);box-shadow:var(--shadow-sm)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:14.5px;font-weight:500;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{width:18px;height:18px;color:var(--navy);transition:transform .2s}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq details p{padding:0 18px 16px;font-size:14px;color:var(--muted);line-height:1.6}

/* =================== CTA FINAL =================== */
.final-cta{padding:34px 0 34px}
.fc-band{display:grid;grid-template-columns:minmax(0,1.25fr) auto auto;gap:28px;align-items:center;background:radial-gradient(600px 240px at 90% 0%,rgba(20,163,134,.28),transparent 70%),linear-gradient(135deg,#0A5A50 0%,#07463E 100%);color:#fff;border-radius:18px;padding:28px 32px;box-shadow:0 20px 50px rgba(7,70,62,.25)}
.fcb-copy h2{font-size:clamp(21px,1.8vw,26px);line-height:1.2;font-weight:700;letter-spacing:-.02em}
.fcb-copy p{font-size:14px;color:#BFE3DA;margin-top:6px}
.fcb-actions{display:flex;gap:14px}
.fcb-trust{display:grid;gap:12px;padding-left:24px;border-left:1px solid rgba(255,255,255,.18)}
.fcb-trust p{display:flex;gap:10px;align-items:center;font-size:12.5px;line-height:1.35;color:#DDF1EC}
.fcb-trust .ico{width:24px;height:24px;color:#9FE0CF}


/* =================== CONTACTO =================== */
.modal-card.video-modal-card{max-width:1040px;padding:0;background:#000;overflow:hidden}
.video-modal-card video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.video-modal-card .modal-x{z-index:1;right:10px;top:10px;width:38px;height:38px;background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.35)}
.video-modal-card .modal-x .ico{color:#fff}
.contact-modal-card{max-width:620px}
.contact-modal-card h3{font-size:24px;color:var(--navy);letter-spacing:-.02em;margin:2px 0 0}
.contact-form{display:grid;gap:14px}
.contact-message{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--navy)}
.contact-message textarea{
  width:100%;resize:vertical;min-height:120px;font:inherit;font-size:14px;
  border:1px solid var(--input-line);border-radius:10px;padding:11px 12px;
  color:var(--ink);background:var(--surface)
}
.contact-message textarea:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(16,149,125,.15)}
.request-result{font-size:13px;line-height:1.45;border-radius:10px;padding:10px 12px}
.request-result-ok{background:var(--mint-25);color:var(--teal-800);border:1px solid var(--mint-100)}
.request-result-error{background:var(--red-50);color:#C62F35;border:1px solid var(--red-100)}

/* =================== FOOTER =================== */
.site-footer{padding:18px 0 22px;border-top:1px solid var(--line-2)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.4fr 1.8fr;gap:28px}
.f-brand p{font-size:13px;color:var(--muted);margin-top:10px;max-width:240px}
.site-footer h4{font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:10px}
.site-footer a:not(.brand){display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:3px 0}
.site-footer a:not(.brand):hover{color:var(--teal-700)}
.site-footer a .ico{width:16px;height:16px;color:var(--teal-600)}
.f-wa{width:16px;height:16px}
.pay-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mp-lockup{display:inline-flex;align-items:center;gap:6px}
.mp-lockup img{width:40px;height:auto}
.mp-lockup span{font-size:12px;font-weight:700;line-height:.95;color:#0A0A6B;letter-spacing:-.02em}
.pay-mp{height:46px;width:auto}
.pay-visa{height:17px;width:auto}
.pay-mc{height:26px;width:auto}
.pay-amex{height:32px;width:auto;border-radius:3px}
.f-pay p{font-size:12px;color:var(--soft);margin-top:10px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid var(--line-2);font-size:12px;color:var(--soft)}
.footer-bottom a{display:inline!important;font-size:12px!important;padding:0!important}
.footer-bottom i{font-style:normal;margin:0 10px;color:var(--line)}

/* =================== CHECKOUT =================== */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.modal[hidden]{display:none}
.modal-backdrop{position:absolute;inset:0;background:rgba(8,26,40,.55);backdrop-filter:blur(3px)}
.modal-card{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);padding:28px}
.modal-x{position:absolute;right:14px;top:14px;border:0;background:var(--mint-25);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--navy)}
.co-steps{display:flex;gap:18px;font-size:12px;color:var(--soft);font-weight:500;margin-bottom:14px}
.co-steps .on{color:var(--teal-700)}
.co-step h3{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.02em}
.co-sub{font-size:14px;color:var(--muted);margin:4px 0 18px}
.co-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.co-fields label{display:grid;gap:5px;font-size:13px;font-weight:500;color:var(--navy)}
.co-fields small{color:var(--soft);font-weight:400}
.co-fields input,.co-fields select{font:inherit;font-size:14px;border:1px solid var(--input-line);border-radius:10px;padding:11px 12px;color:var(--ink);background:var(--surface);width:100%}
.co-fields input:focus,.co-fields select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(16,149,125,.15)}
.co-fields .invalid{border-color:var(--red)}
.co-terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:16px 0}
.co-terms input{margin-top:3px;accent-color:var(--teal-600)}
.co-terms a{color:var(--teal-700);text-decoration:underline}
.co-error{font-size:13px;color:#C62F35;background:var(--red-50);border:1px solid var(--red-100);border-radius:10px;padding:9px 12px;margin-bottom:12px}
.co-sum{border:1px solid var(--line);border-radius:14px;margin:16px 0 18px;overflow:hidden}
.co-sum-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:var(--mint-25)}
.co-sum-row b{display:block;color:var(--navy)}
.co-sum-row i{font-style:normal;font-size:12.5px;color:var(--muted)}
.co-sum-row strong{font-size:22px;color:var(--navy);letter-spacing:-.02em;text-align:right}
.co-sum-row strong small{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}
.co-sum-who{padding:12px 18px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.co-preview{margin-top:12px;font-size:13px;color:#8A5A00;background:#FFF7E6;border:1px solid #F6E0B3;border-radius:10px;padding:10px 12px}
.co-back{border:0;background:none;color:var(--teal-700);font-size:13px;margin-top:12px;padding:4px 0}
.co-safe{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--soft);margin-top:8px}
.co-safe .ico{width:14px;height:14px}

/* =================== RESPONSIVE =================== */
@media (max-width:1180px){
  .main-nav{gap:22px;margin-left:0}
  .header-inner{gap:24px}
  .diff-grid{grid-template-columns:repeat(3,1fr)}
  .flow-grid{grid-template-columns:1fr}
  .flow-visual{max-width:560px;width:100%;margin:0 auto}
  .fc-band{grid-template-columns:1fr auto}
  .fcb-trust{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;gap:28px;border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.18);padding-top:16px}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
  .f-brand{grid-column:1/-1}
}
@media (max-width:1024px){
  .main-nav,.header-actions .btn{display:none}
  .nav-toggle{display:inline-flex}
  .header-inner{justify-content:space-between}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-ctas{justify-content:center}
  .hero-trust{justify-content:center}
  .hero-visual{max-width:760px;width:100%;margin:0 auto}
  .compare-grid{grid-template-columns:1fr}
  .compare-arrow{transform:rotate(90deg);height:36px}
  .auto-grid{grid-template-columns:repeat(2,1fr)}
  .price-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .container{padding:0 16px}
  .section{padding:32px 0}
  .header-inner{height:64px}
  .brand-word{font-size:22px}
  .brand-mark{width:36px;height:36px}
  .hero{padding-top:18px}
  .hero h1{font-size:clamp(31px,8.6vw,40px)}
  .hero-sub{font-size:15.5px}
  .hero-ctas{width:100%;flex-direction:column}
  .hero-ctas .btn{width:100%}
  .hero-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;width:100%}
  .hero-trust li{max-width:none}
  /* en celular las tarjetas flotantes crecen para mantener legibilidad */
  .hv{aspect-ratio:100/92}
  .laptop{top:17%;left:1%;width:82%}
  .phone{right:0;top:33%;width:25%}
  .float-card{font-size:2.6cqw;padding:1.8cqw 2.4cqw;border-radius:2.6cqw;gap:2cqw}
  .float-card b{font-size:2.9cqw}
  .float-card span{display:none}
  .fc-logo,.fc-ico{width:6.6cqw;height:6.6cqw}
  .fc-ico .ico{width:4cqw;height:4cqw}
  .fc-logo-sm{width:5.6cqw;height:5.6cqw}
  .fc-logo-mp{width:7cqw;height:auto}
  .fc-arca{left:0;top:0}.fc-firma{left:34%;top:0}.fc-receta{left:auto;right:0;top:0}
  .fc-voz,.fc-firma{display:none}
  .h1-teal{white-space:normal}
  .float-card b{font-size:2.65cqw}
  .fc-wa{right:0;top:auto;bottom:4%;width:auto;white-space:nowrap}
  .fc-mp{left:0;bottom:4%}
  .bw-tiles{grid-template-columns:repeat(3,1fr)}
  .bwt-body{grid-template-columns:1fr}
  .bwt-core{height:88px}
  .bwt-lines{display:none}
  .bwt-pills{margin-top:12px}
  .diff-grid{grid-template-columns:1fr 1fr;gap:10px}
  .diff-card{padding:18px 14px}
  .diff-ico,.diff-logo{width:48px;height:48px}
  .diff-ico .ico{width:26px;height:26px}
  .auto-grid{grid-template-columns:1fr}
  .flow-steps{grid-template-columns:repeat(4,1fr);row-gap:24px}
  .flow-steps li:nth-child(4)::after{display:none}
  .f-ico{width:54px;height:54px}
  .f-ico-arca img{width:54px;height:54px}
  .flow-steps li:not(:last-child)::after{top:52px;right:-8px}
  .flow-visual{height:300px}
  .tablet{width:84%}
  .checklist{padding:10px 12px;gap:6px}
  .checklist p{font-size:12px}
  .handnote{font-size:17px}
  .handarrow{display:none}
  .price-card{grid-template-columns:1fr}
  .pc-plan{border-right:0;border-bottom:1px solid var(--line)}
  .pc-features ul{grid-template-columns:1fr 1fr;gap:9px 10px}
  .pc-features li{font-size:12.5px}
  .faq-grid{grid-template-columns:1fr}
  .fc-band{grid-template-columns:1fr;padding:24px 20px;text-align:left}
  .fcb-actions{flex-direction:column}
  .fcb-actions .btn{width:100%}
  .fcb-trust{grid-template-columns:1fr;gap:12px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:22px}
  .f-pay{grid-column:1/-1}
  .co-fields{grid-template-columns:1fr}
  .modal-card{padding:22px 18px}
}
@media (max-width:420px){
  .diff-card p{font-size:12.5px}
  .bw-tile{padding:10px 4px}
  .pc-features ul{grid-template-columns:1fr}
}

/* =================== PÁGINAS LEGALES =================== */
.legal-header{border-bottom:1px solid var(--line);background:var(--surface)}
.legal-header .container{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-back{font-size:14px;font-weight:500;color:var(--teal-700)}
.legal{max-width:760px;margin:0 auto;padding-block:48px 72px;color:var(--ink)}
.legal h1{font-size:clamp(28px,3.4vw,38px);line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--navy);text-wrap:balance}
.legal-meta{font-size:13px;color:var(--soft);margin:8px 0 24px}
.legal h2{font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:36px 0 10px;scroll-margin-top:24px}
.legal p,.legal li{font-size:15px;line-height:1.7;color:var(--ink)}
.legal p+p{margin-top:12px}
.legal ul{list-style:disc;padding-left:22px;margin:10px 0;display:grid;gap:6px}
.legal a{color:var(--teal-700);text-decoration:underline;text-underline-offset:2px}
/* Los botones dentro de páginas de contenido conservan su estilo de botón. */
.legal a.btn{text-decoration:none}
.legal a.btn-primary{color:#fff}
.legal a.btn-outline{color:var(--navy)}
.legal a.btn-outline:hover{color:var(--teal-700)}
.legal strong{color:var(--navy);font-weight:600}
.legal mark{background:#FFF1B8;color:#5A4300;padding:0 4px;border-radius:4px}
.legal-toc{margin:28px 0 8px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--mint-25)}
.legal-toc>p{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700);margin-bottom:8px}
.legal-toc ol{list-style:decimal;padding-left:20px;columns:2;column-gap:28px}
.legal-toc li{font-size:14px;line-height:1.9}
.legal-toc a{text-decoration:none;color:var(--ink)}
.legal-toc a:hover{color:var(--teal-700)}
.legal-table-wrap{overflow-x:auto;margin:12px 0}
.legal-table{width:100%;border-collapse:collapse;font-size:14px}
.legal-table th,.legal-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.legal-table th{font-weight:600;color:var(--navy);background:var(--mint-25)}
.legal-note{padding:14px 16px;border-left:3px solid var(--teal-600);background:var(--mint-25);border-radius:0 10px 10px 0;font-size:14px!important}
.legal-footer{border-top:1px solid var(--line);padding-block:20px;font-size:12.5px;color:var(--soft)}
.legal-footer .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legal-footer a{color:var(--muted)}
@media (max-width:640px){.legal-toc ol{columns:1}.legal{padding-block:32px 56px}}

/* =================== MODO OSCURO ===================
   Se activa cuando el dispositivo está en modo oscuro. Evita que el navegador
   "oscurezca" la página por su cuenta y deje textos azul oscuro sobre fondo oscuro. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  --navy:#EEF5F3;--ink:#D6E2E2;--muted:#A5B5BA;--soft:#83959B;
  --teal-900:#0A3F37;--teal-800:#5AD8B7;--teal-700:#3DCFAB;--teal-600:#2DBE9C;--teal-500:#3BD6B0;
  --mint-25:#12201E;--mint-50:#13241F;--mint-100:#173029;--mint-200:#24463C;
  --line:#243438;--line-2:#1B292D;--red-50:#241416;--red-100:#4A2327;
  --bg:#0A1316;--surface:#101C20;--brand-word:#EAF4F2;--input-line:#2F4347;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);
  --shadow:0 2px 6px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --shadow-lg:0 20px 60px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.35);
  color-scheme:dark;
  }
:root:not([data-theme="light"]) .site-header{background:rgba(10,19,22,.9)}
:root:not([data-theme="light"]) .hero{background:radial-gradient(900px 480px at 78% 30%,rgba(29,90,76,.45),rgba(10,19,22,0) 70%),linear-gradient(180deg,#0A1316 0%,#0C171A 100%)}
:root:not([data-theme="light"]) .hero::after{background:linear-gradient(180deg,rgba(14,26,30,0),#0E1A1E)}
:root:not([data-theme="light"]) .btn-outline{border-color:#34484D}
:root:not([data-theme="light"]) .ic-green,:root:not([data-theme="light"]) .t-green{background:#13342A;color:#4FD39A}
:root:not([data-theme="light"]) .ic-blue,:root:not([data-theme="light"]) .t-blue,:root:not([data-theme="light"]) .a-ico-blue{background:#172846;color:#86AEFF}
:root:not([data-theme="light"]) .t-red{background:#3A1C20;color:#FF7F84}
:root:not([data-theme="light"]) .bw-head b{color:#FF8A8E}
:root:not([data-theme="light"]) .bw-head span{color:#E3A5A8}
:root:not([data-theme="light"]) .bw-head>.ico{background:#2A1719}
:root:not([data-theme="light"]) .bw-tile{border-color:var(--line)}
:root:not([data-theme="light"]) .box-with{background:linear-gradient(180deg,#10251F,#0E201B)}
:root:not([data-theme="light"]) .bwt-head span{color:#93CBBD}
:root:not([data-theme="light"]) .bwt-pills li{border-color:var(--line)}
:root:not([data-theme="light"]) .bwt-lines path{stroke:#3A8C78}
:root:not([data-theme="light"]) .diff-card{background:linear-gradient(180deg,#132420 0%,var(--surface) 70%)}
:root:not([data-theme="light"]) .logo-openai{filter:invert(1)}
:root:not([data-theme="light"]) .flow-steps .n{background:var(--teal-700);color:#062520}
:root:not([data-theme="light"]) .f-ico{color:var(--teal-700)}
:root:not([data-theme="light"]) .team-card{background:linear-gradient(180deg,#0F1F28,#0D1B22);border-color:#1F3542}
:root:not([data-theme="light"]) .tc-ico{color:#7DBDE4}
:root:not([data-theme="light"]) .pay-row{background:#F3F6F6;border-radius:10px;padding:8px 12px;display:inline-flex}
:root:not([data-theme="light"]) .diff-badge-logo{background:#F3F6F6;border-color:#F3F6F6;color:#4A5B6B}
:root:not([data-theme="light"]) .legal mark{background:#4A3B0E;color:#FFE08A}
:root:not([data-theme="light"]) .co-error{color:#FF8A8E}
:root:not([data-theme="light"]) .co-preview{background:#2A2211;border-color:#5A4718;color:#F2C66D}
:root:not([data-theme="light"]) .modal-backdrop{background:rgba(0,0,0,.65)}
}
:root[data-theme="dark"]{
  --navy:#EEF5F3;--ink:#D6E2E2;--muted:#A5B5BA;--soft:#83959B;
  --teal-900:#0A3F37;--teal-800:#5AD8B7;--teal-700:#3DCFAB;--teal-600:#2DBE9C;--teal-500:#3BD6B0;
  --mint-25:#12201E;--mint-50:#13241F;--mint-100:#173029;--mint-200:#24463C;
  --line:#243438;--line-2:#1B292D;--red-50:#241416;--red-100:#4A2327;
  --bg:#0A1316;--surface:#101C20;--brand-word:#EAF4F2;--input-line:#2F4347;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);
  --shadow:0 2px 6px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --shadow-lg:0 20px 60px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.35);
  color-scheme:dark;
}
:root[data-theme="dark"] .site-header{background:rgba(10,19,22,.9)}
:root[data-theme="dark"] .hero{background:radial-gradient(900px 480px at 78% 30%,rgba(29,90,76,.45),rgba(10,19,22,0) 70%),linear-gradient(180deg,#0A1316 0%,#0C171A 100%)}
:root[data-theme="dark"] .hero::after{background:linear-gradient(180deg,rgba(14,26,30,0),#0E1A1E)}
:root[data-theme="dark"] .btn-outline{border-color:#34484D}
:root[data-theme="dark"] .ic-green,:root[data-theme="dark"] .t-green{background:#13342A;color:#4FD39A}
:root[data-theme="dark"] .ic-blue,:root[data-theme="dark"] .t-blue,:root[data-theme="dark"] .a-ico-blue{background:#172846;color:#86AEFF}
:root[data-theme="dark"] .t-red{background:#3A1C20;color:#FF7F84}
:root[data-theme="dark"] .bw-head b{color:#FF8A8E}
:root[data-theme="dark"] .bw-head span{color:#E3A5A8}
:root[data-theme="dark"] .bw-head>.ico{background:#2A1719}
:root[data-theme="dark"] .bw-tile{border-color:var(--line)}
:root[data-theme="dark"] .box-with{background:linear-gradient(180deg,#10251F,#0E201B)}
:root[data-theme="dark"] .bwt-head span{color:#93CBBD}
:root[data-theme="dark"] .bwt-pills li{border-color:var(--line)}
:root[data-theme="dark"] .bwt-lines path{stroke:#3A8C78}
:root[data-theme="dark"] .diff-card{background:linear-gradient(180deg,#132420 0%,var(--surface) 70%)}
:root[data-theme="dark"] .logo-openai{filter:invert(1)}
:root[data-theme="dark"] .flow-steps .n{background:var(--teal-700);color:#062520}
:root[data-theme="dark"] .f-ico{color:var(--teal-700)}
:root[data-theme="dark"] .team-card{background:linear-gradient(180deg,#0F1F28,#0D1B22);border-color:#1F3542}
:root[data-theme="dark"] .tc-ico{color:#7DBDE4}
:root[data-theme="dark"] .pay-row{background:#F3F6F6;border-radius:10px;padding:8px 12px;display:inline-flex}
:root[data-theme="dark"] .diff-badge-logo{background:#F3F6F6;border-color:#F3F6F6;color:#4A5B6B}
:root[data-theme="dark"] .legal mark{background:#4A3B0E;color:#FFE08A}
:root[data-theme="dark"] .co-error{color:#FF8A8E}
:root[data-theme="dark"] .co-preview{background:#2A2211;border-color:#5A4718;color:#F2C66D}
:root[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.65)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* ===== Launch hardening: marca oficial + gestiones comerciales ===== */
.brand-official { display:inline-flex; align-items:center; min-width:0; flex:0 0 auto; }
.brand-logo-full { display:block; width:146px; max-width:42vw; height:auto; object-fit:contain; transform:translateY(10px); }
.site-footer .brand-logo-full { width:150px; }
.legal-header .brand-logo-full { width:142px; }

.legal-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.legal-action-link { font-weight:600; text-decoration:underline; text-underline-offset:3px; }

.request-page { max-width:820px; padding-bottom:56px; }
.request-switch { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0 26px; }
.request-form {
  margin:24px 0;
  padding:24px;
  border:1px solid var(--line, #dce5e4);
  border-radius:18px;
  background:var(--card, #fff);
}
.request-form .co-fields { margin-bottom:14px; }
.request-form label { display:flex; flex-direction:column; gap:7px; margin-bottom:14px; font-weight:500; }
.request-form input,
.request-form textarea,
.request-form select {
  width:100%;
  border:1px solid var(--line, #cfdcda);
  border-radius:10px;
  padding:11px 12px;
  background:var(--surface, #fff);
  color:inherit;
  font:inherit;
}
.request-form textarea { resize:vertical; min-height:110px; }
.request-result { margin-top:16px; padding:12px 14px; border-radius:10px; line-height:1.45; }
.request-result-ok { background:rgba(11,110,96,.10); }
.request-result-error { background:rgba(166,40,40,.10); }

@media (max-width:760px) {
  .brand-logo-full { width:128px; max-width:48vw; transform:translateY(8px); }
  .request-form { padding:18px; }
  .footer-bottom .legal-actions { width:100%; }
}

.legal-quick-actions { border-top:1px solid var(--line, #dce5e4); background:rgba(11,110,96,.035); }
.legal-quick-inner { display:flex; justify-content:space-between; align-items:center; gap:28px; padding-top:28px; padding-bottom:28px; }
.legal-quick-inner h2 { margin:0 0 6px; font-size:1.05rem; }
.legal-quick-inner p { margin:0; max-width:650px; }
.legal-quick-buttons { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
@media (max-width:760px) {
  .legal-quick-inner { align-items:flex-start; flex-direction:column; }
  .legal-quick-buttons { width:100%; justify-content:flex-start; }
  .legal-quick-buttons .btn { width:100%; text-align:center; }
}

/* ===== Pacientes, historia clínica y app en el celular ===== */
.btn[hidden]{display:none}
.patients-side,.clinical{padding-top:22px}
.patients-side .lead{margin-bottom:4px}
.app-install{padding-top:22px}
.ai-band{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;background:linear-gradient(180deg,var(--mint-25) 0%,var(--surface) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:32px 36px;box-shadow:var(--shadow-sm)}
.ai-steps{display:grid;gap:12px;margin:20px 0 22px;counter-reset:none}
.ai-steps li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink);line-height:1.5}
.ai-steps .n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal-700);color:#fff;font-size:13px;font-weight:700}
.ai-steps b{color:var(--navy)}
.ai-qr{margin:0;text-align:center;max-width:220px}
.ai-qr img{width:180px;height:180px;margin:0 auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;padding:6px}
.ai-qr figcaption{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.4}
.co-next{list-style:decimal;padding-left:20px;margin:10px 0;display:grid;gap:8px;color:var(--ink)}
.co-next li{font-size:13.5px;line-height:1.5}
.co-next b{color:var(--navy)}
.co-done a{color:var(--teal-700);text-decoration:underline}
.co-qr{display:flex;gap:14px;align-items:center;margin:12px 0 4px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.co-qr img{width:112px;height:112px;flex:none;border-radius:8px;background:#fff}
.co-qr p{font-size:12.5px;color:var(--muted);line-height:1.45}
.co-done-note{font-size:12.5px;color:var(--muted);margin-top:8px}
.install-steps{list-style:none!important;padding-left:0!important;counter-reset:step;display:grid;gap:12px!important;margin:16px 0!important}
.install-steps li{counter-increment:step;position:relative;padding:12px 14px 12px 52px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.install-steps li::before{content:counter(step);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--teal-700);color:#fff;font-size:13px;font-weight:700}
.install-qr{display:flex;gap:20px;align-items:center;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--mint-25)}
.install-qr img{width:150px;height:150px;flex:none;border-radius:10px;background:#fff;padding:4px}
.install-device-hint{display:none}
.install-device-hint:not([hidden]){display:block}
@media (hover:none) and (pointer:coarse){.ai-qr,.co-qr,.install-qr{display:none}}
@media (max-width:1024px){.ai-band{grid-template-columns:1fr}.ai-qr{margin:0 auto}}
@media (max-width:760px){.ai-band{padding:22px 18px}.ai-steps li{font-size:14px}.co-qr{display:none}.install-qr{flex-direction:column;text-align:center}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ai-steps .n,:root:not([data-theme="light"]) .install-steps li::before{color:#062520}}
:root[data-theme="dark"] .ai-steps .n,:root[data-theme="dark"] .install-steps li::before{color:#062520}

/* Aviso de cookies de medición (Meta) */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px 16px;font-size:14px;line-height:1.45}
.video-open .cookie-banner{display:none}
.cookie-banner p{margin:0;flex:1 1 300px}
.cookie-banner a{color:var(--teal-700);text-decoration:underline}
.cookie-actions{display:flex;gap:8px;margin-left:auto}
.cookie-actions .btn{padding:10px 16px;font-size:14px}

/* Pie: redes sociales y orden en celular */
.f-social{display:flex;gap:14px;margin-top:16px}
.site-footer .f-social a{gap:6px;padding:0}
.f-social img{width:34px;height:34px;display:block}
@media (max-width:760px){
  .footer-grid{grid-template-columns:1fr;gap:22px}
  .site-footer .brand-logo-full{width:92px}
  .f-brand p{max-width:none}
  .f-social{gap:18px}
  .f-social img{width:40px;height:40px}
  .f-prod .f-links{display:flex;flex-wrap:wrap;column-gap:20px}
  .f-res .f-links{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .f-res .f-links a{padding:5px 0;line-height:1.3}
  .footer-bottom{flex-direction:column;gap:10px}
  .footer-bottom .legal-actions{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-bottom .legal-actions i{display:none}
}

/* Logo de la barra superior: el archivo es cuadrado y con margen transparente;
   se fija la altura dentro de la barra y se agranda el dibujo sin desbordarla. */
.site-header .brand-logo-full,.legal-header .brand-logo-full{width:auto;max-width:none;height:72px;transform:scale(1.45) translate(-19.8%,1.2%);transform-origin:left center}
.legal-header .brand-logo-full{height:68px}
@media (max-width:760px){.site-header .brand-logo-full{height:64px}}

/* Pantallas reales de TurnIA (cuenta demo) dentro de la notebook, el celular y la tablet */
.screen-real{display:block;width:100%;height:auto}
.laptop-screen .screen-real{border-radius:.5cqw}
.phone-screen.has-shot,.tablet-screen.has-shot{padding:0;background:#0F3A40}
.phone-screen.has-shot .screen-real,.tablet-screen.has-shot .screen-real{width:100%;height:100%;object-fit:cover;object-position:top center}
.tablet-screen.has-shot .screen-real{object-position:left top}