/* Deal · capa de identidad y composición de la landing (28-oct-2026).
   Se carga después de shared/marca.css y sitio.css; solo afecta a páginas con body.deal-site.
   Identidad: claridad comercial. Navy y azul (#245DC2 / #8FB7FF), Inter con peso, superficies de documento,
   estados con píldoras y cifras tabulares. Referencias: HubSpot, Pipedrive, Attio, PandaDoc, Docusign, Linear. */

.deal-site{
  --paper:#f6f8fc;--paper-2:#ecf1f9;--paper-3:#e2e9f5;
  --ink:#13294a;--ink-2:#3d516d;--ink-3:#566a85;
  --obs:#0f2240;--obs-2:#16305a;--obs-3:#1e3c6b;
  --snow:#f7faff;--snow-2:#d7e1f1;--snow-3:#aebdd5;
  --cu:#245dc2;--cu-p:#1d4ea3;--cu-b:#8fb7ff;--cu-h:#b9d1ff;--ambar:#8fb7ff;--acc:#245dc2;
  --line:rgba(19,41,74,.14);--line-l:rgba(215,225,241,.2);
  --ok:#1f8a55;--ok-bg:#dcf3e6;--wait:#7a5400;--wait-bg:#fff0c7;--new:#1d4ea3;--new-bg:#dde8ff;
  --r:14px;
  background:var(--paper);color:var(--ink-2);
}
.deal-site :is(h1,h2,h3,h4){font-family:var(--sans);font-weight:650;letter-spacing:-.028em;color:var(--ink)}
.deal-site :is(h1,h2,h3) em{font-style:normal;color:var(--cu)}
.deal-site .dark :is(h1,h2,h3,h4){color:var(--snow)}
.deal-site .dark :is(h1,h2,h3) em,.deal-site .sec.dark:not(.sec--neo) h2 em,.deal-site .contact h2 em{color:var(--cu-b)}
.deal-site :is(h1,h2,h3,p,li,a,dt,dd,label,summary){overflow-wrap:break-word}
.deal-site .in-w>*,.deal-site .contact-in>*{min-width:0}
.deal-site .rv,.deal-site .rv.in{opacity:1!important;transform:none!important;transition:none!important}
.deal-site :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--cu);outline-offset:3px}
.deal-site .dark :where(a,button,summary):focus-visible,.deal-site .contact :where(a,button,input,textarea,select):focus-visible{outline-color:var(--cu-b)}

/* barra */
.deal-site .bar{background:rgba(246,248,252,.96);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none}
.deal-site .bar::after{display:none}
.deal-site .bar .logo{color:var(--ink);font:700 1.2rem var(--sans);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:9px}
.deal-site .bar .logo::before{content:"";width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#245dc2 0 50%,#8fb7ff 50% 100%)}
.deal-site .nav a:not(.btn){color:var(--ink-2)}
.deal-site .nav a:not(.btn):hover{color:var(--cu)}
.deal-site .nav [data-neo-cuenta]{color:var(--ink)!important;font-weight:600}
.deal-site .menu-btn{color:var(--ink);border-color:var(--line)}
.deal-site .lang-sw{display:inline-flex;align-items:center;gap:3px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font:600 .74rem var(--mono);letter-spacing:.06em;text-decoration:none;color:var(--ink-3)!important;white-space:nowrap}
.deal-site .lang-sw b{color:var(--cu)}
@media (max-width:900px){
 .deal-site .nav{background:rgba(246,248,252,.99);border-bottom:1px solid var(--line)}
 .deal-site .nav a:not(.btn){border-bottom-color:var(--line)}
 .deal-site .nav .lang-sw{align-self:flex-start;margin-top:12px;border-bottom:1px solid var(--line)}
}

/* botones */
.deal-site .btn{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:10px;box-shadow:none;text-shadow:none;min-height:46px;font-weight:650}
.deal-site .btn::before,.deal-site .btn::after{display:none}
.deal-site .btn:hover{background:var(--cu);border-color:var(--cu);color:#fff;box-shadow:none;transform:translateY(-1px)}
.deal-site .btn--gl{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.deal-site .btn--gl:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);border-color:var(--ink)}
.deal-site .dark .btn:not(.btn--gl),.deal-site .contact .btn:not(.btn--gl){background:var(--cu-b);color:#0f2240;border-color:var(--cu-b)}
.deal-site .dark .btn:not(.btn--gl):hover,.deal-site .contact .btn:not(.btn--gl):hover{background:#c9dcff;border-color:#c9dcff;color:#0f2240}
.deal-site .dark .btn--gl,.deal-site .contact .btn--gl{color:var(--snow);border-color:rgba(215,225,241,.4)}
.deal-site .dark .btn--gl:hover,.deal-site .contact .btn--gl:hover{background:rgba(215,225,241,.1);color:#fff}
.deal-site .row{display:flex;flex-wrap:wrap;gap:12px}

/* secciones */
.deal-site .sec{padding-block:clamp(56px,7vw,96px);box-shadow:none}
.deal-site .sec::before,.deal-site .sec::after,.deal-site .contact::before,.deal-site .contact::after{display:none}
.deal-site .sec--light{--base:var(--paper);background:var(--paper)}
.deal-site .sec--soft{--base:var(--paper-2);background:var(--paper-2)}
.deal-site .sec--white{--base:#fff;background:#fff}
.deal-site .sec--navy{--base:var(--obs);background:var(--obs);color:var(--snow-2)}
.deal-site .sec--deep{--base:#0b1a33;background:radial-gradient(60% 70% at 85% 0%,rgba(36,93,194,.35),transparent 70%),#0b1a33;color:var(--snow-2)}
.deal-site .kicker{color:var(--cu);font:600 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.deal-site .kicker::before{width:22px;height:2px;background:currentColor}
.deal-site .dark .kicker{color:var(--cu-b)}
.deal-site .sec h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;margin:.25em 0 .5em;max-width:22ch;text-wrap:balance}
.deal-site .lead{color:var(--ink-2);line-height:1.65}
.deal-site .dark .lead,.deal-site .dark .deal-svc-copy>p,.deal-site .dark .dw-intro p{color:var(--snow-2)}
.deal-site .note{font-size:.84rem;line-height:1.55;color:var(--ink-3)}
.deal-site .dark .note{color:var(--snow-3)}
.deal-site .deal-tag-ia{display:inline-block;font:500 .66rem/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}

/* hero */
.deal-hero{position:relative;overflow:hidden;padding:clamp(40px,5.5vw,76px) clamp(16px,5vw,64px) clamp(48px,6vw,84px);
  background:linear-gradient(rgba(19,41,74,.045) 1px,transparent 1px) 0 0/100% 32px,radial-gradient(60% 80% at 100% 0%,#d9e6fb,transparent 65%),var(--paper)}
.deal-hero-in{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5vw,72px);align-items:center}
.deal-hero .kicker{margin:0 0 18px}
.deal-hero h1{font-size:clamp(2.7rem,5.6vw,5.1rem);line-height:1;letter-spacing:-.045em;max-width:14ch;margin:0}
.deal-hero h1 .me{display:block}
.deal-hero .lead{max-width:34em;margin:1.3rem 0 1.7rem;font-size:clamp(1.02rem,1.3vw,1.16rem)}
.deal-hero .lead strong{display:block;color:var(--ink);font-weight:650;margin-bottom:.3em}
.deal-trust{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.82rem;color:var(--ink-2)}
.deal-trust li::before{content:"✓";color:var(--cu);font-weight:700;margin-right:6px}
.deal-hero-fig{position:relative;margin:0;justify-self:end;width:min(100%,460px)}
.deal-hero-photo{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-height:min(600px,calc(100svh - 170px));width:100%;background:#16305a}
.deal-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.deal-hero-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(11,26,51,.7))}
.deal-hero-photo figcaption{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;font:500 .66rem/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#e3ebf8}
.deal-float{position:absolute;z-index:2;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(15,34,64,.45);padding:14px 16px;font-size:.82rem;line-height:1.4;width:min(270px,78%)}
.deal-float--a{left:-56px;bottom:72px}
.deal-float--b{right:-22px;top:28px;width:min(230px,70%)}
.deal-float b{display:block;font-size:.9rem;color:var(--ink)}
.deal-float small{display:block;color:var(--ink-3);font-size:.74rem;margin-top:2px}
.deal-float .who{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:600 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.deal-float .who img{width:30px;height:28px;border-radius:50%;background:#e4ecfa;object-fit:contain;padding:1px}
.deal-float .acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.deal-float .acts span{font-size:.72rem;padding:5px 9px;border-radius:7px;border:1px solid var(--line)}
.deal-float .acts span:first-child{background:var(--cu);border-color:var(--cu);color:#fff}
@media (max-width:980px){.deal-float--a{left:-18px}}
@media (max-width:860px){
 .deal-hero-in{grid-template-columns:1fr}
 .deal-hero h1{max-width:16ch}
 .deal-hero-fig{justify-self:stretch;width:100%;max-width:560px}
 .deal-hero-photo{aspect-ratio:4/3;max-height:none}
 .deal-float--a{left:12px;bottom:46px}
 .deal-float--b{right:12px;top:12px}
}
@media (max-width:520px){
 .deal-hero h1{font-size:clamp(2.5rem,11.5vw,3.4rem)}
 .deal-hero-photo{aspect-ratio:4/5}
 .deal-float{padding:11px 12px;font-size:.76rem}
 .deal-float--b{display:none}
}

/* mapa de necesidades */
.deal-intro h2{max-width:24ch}
.deal-offer-note{max-width:64ch;margin:8px 0 26px;font-size:.95rem;line-height:1.65;color:var(--ink-2)}
.deal-offer-note a,.deal-site .sec:not(.dark) .deal-link{color:var(--cu);text-decoration:underline;text-underline-offset:3px}
.dark .deal-offer-note{color:var(--snow-2)}.dark .deal-offer-note a{color:var(--cu-b)}
.deal-needs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.deal-needs a{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink-2);transition:border-color .2s,transform .2s}
.deal-needs a:hover{border-color:var(--cu);transform:translateY(-2px)}
.deal-needs i{font:600 .78rem var(--mono);font-style:normal;color:var(--cu)}
.deal-needs b{font-size:1.06rem;line-height:1.2;color:var(--ink);font-weight:650}
.deal-needs span{font-size:.84rem;line-height:1.45}
@media (max-width:1000px){.deal-needs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.deal-needs{grid-template-columns:1fr 1fr}.deal-needs li:last-child{grid-column:1/-1}}

/* servicio: copia + ejemplo */
.deal-svc-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.deal-svc-copy h2{font-size:clamp(1.9rem,3.3vw,3rem);max-width:20ch}
.deal-ab{display:grid;gap:6px;margin:0 0 22px;padding:0;list-style:none;font-size:.9rem}
.deal-ab li{display:flex;gap:10px;align-items:baseline}
.deal-ab b{flex:none;font:600 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:5px;background:rgba(19,41,74,.08);color:var(--ink-3)}
.deal-ab li+li b{background:var(--cu);color:#fff}
.dark .deal-ab b{background:rgba(215,225,241,.14);color:var(--snow-3)}
.dark .deal-ab li+li b{background:var(--cu-b);color:#0f2240}
.deal-checks{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px;font-size:.93rem;line-height:1.5}
.deal-checks li{position:relative;padding-left:26px;color:var(--ink-2)}
.deal-checks li::before{content:"";position:absolute;left:0;top:.28em;width:16px;height:16px;border-radius:50%;background:var(--cu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.dark .deal-checks li{color:var(--snow-2)}
.dark .deal-checks li::before{background-color:#3f74d6}
.deal-photo{position:relative;margin:4px 0 6px;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#16305a}
.deal-photo img{width:100%;height:100%;object-fit:cover;display:block}
.deal-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,26,51,.78))}
.deal-photo figcaption{position:absolute;z-index:1;left:14px;right:14px;bottom:10px;color:#fff;font-size:.92rem;font-weight:600;line-height:1.3}
.deal-photo figcaption small{display:block;font:500 .62rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#d4dff2;margin-top:3px}
.deal-example{padding:18px;border-radius:18px;border:1px solid var(--line);background:#fff}
.dark .deal-example{background:rgba(215,225,241,.05);border-color:var(--line-l)}
.deal-example-cap{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.dark .deal-example-cap{border-color:var(--line-l);color:var(--snow-3)}
.deal-menu-wrap{margin-top:clamp(26px,3vw,40px)}
@media (max-width:900px){.deal-svc-grid{grid-template-columns:1fr;gap:24px}}

/* demostración por pasos */
.dx-steps{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.dx-steps button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font:500 .8rem var(--sans);cursor:pointer}
.dx-steps button i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--paper-2);font:600 .74rem var(--mono);font-style:normal;color:var(--ink-2)}
.dx-steps button[aria-current]{border-color:var(--cu);background:#eaf1ff;color:var(--ink)}
.dx-steps button[aria-current] i{background:var(--cu);color:#fff}
.dark .dx-steps button{background:rgba(215,225,241,.06);border-color:var(--line-l);color:var(--snow-2)}
.dark .dx-steps button i{background:rgba(215,225,241,.12);color:var(--snow-2)}
.dark .dx-steps button[aria-current]{background:rgba(143,183,255,.16);border-color:var(--cu-b);color:#fff}
.dark .dx-steps button[aria-current] i{background:var(--cu-b);color:#0f2240}
.js .dx [data-s]{transition:opacity .35s ease,transform .35s ease}
.js .dx [data-s]:not(.on){opacity:.12;transform:translateY(4px)}
.js .dx .mk-stamp[data-s]:not(.on){opacity:0}
@media (prefers-reduced-motion:reduce){.js .dx [data-s]{transition:none}}

/* piezas de las maquetas (claras siempre, con color explícito) */
.mk-win{background:#fff;color:#1d2a3d;border:1px solid #d9e1ee;border-radius:12px;overflow:hidden;font-size:.82rem;box-shadow:0 14px 34px -22px rgba(15,34,64,.5)}
.mk-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#eef2f8;border-bottom:1px solid #dde4ef}
.mk-bar i{width:9px;height:9px;border-radius:50%;background:#c6cfdc}
.mk-bar b{margin-left:6px;font:500 .72rem var(--mono);color:#56647a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mk-body{padding:14px;display:flex;flex-direction:column;gap:10px}
.mk-h{margin:0;font-weight:650;font-size:.98rem;color:#13294a;letter-spacing:-.01em}
.mk-meta{margin:0;font:500 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6a788d}
.mk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid #e1e7f0;border-radius:10px;background:#fbfcfe}
.mk-row strong{font-size:.84rem;color:#13294a;font-weight:600}
.mk-row small{grid-column:1;font-size:.76rem;color:#56647a;line-height:1.4}
.mk-row .mk-pill{grid-row:1/span 2;grid-column:2}
.mk-pill{font-style:normal;font-size:.68rem;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.st-new{background:var(--new-bg,#dde8ff);color:var(--new,#1d4ea3)}.st-wait{background:var(--wait-bg,#fff0c7);color:var(--wait,#7a5400)}.st-ok{background:var(--ok-bg,#dcf3e6);color:var(--ok,#1f8a55)}.st-mute{background:#eceff4;color:#56647a}
.mk-card{padding:10px 12px;border-radius:10px;background:#f2f6fc;border-left:3px solid #245dc2;color:#2b3a50;font-size:.8rem;line-height:1.45}
.mk-card b{display:block;color:#13294a;font-size:.82rem;margin-bottom:2px}
.mk-msg{padding:10px 12px;border-radius:12px 12px 12px 3px;background:#eef2f8;color:#26354a;font-size:.8rem;line-height:1.45}
.mk-btns{display:flex;flex-wrap:wrap;gap:6px}
.mk-btns span{font-size:.74rem;padding:6px 11px;border-radius:8px;border:1px solid #cfd8e6;color:#26354a;background:#fff}
.mk-btns span.pri{background:#245dc2;border-color:#245dc2;color:#fff}
.mk-stamp{align-self:flex-start;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border:2px solid #1f8a55;color:#1f8a55;border-radius:6px;background:#fff}
.mk-paper{background:#fff;color:#1d2a3d;border:1px solid #d9e1ee;border-radius:8px;padding:clamp(16px,2.6vw,26px);display:flex;flex-direction:column;gap:11px;font-size:.82rem;box-shadow:0 14px 34px -22px rgba(15,34,64,.5);position:relative}
.mk-paper::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#245dc2,#8fb7ff)}
.mk-doc-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mk-doc-h .mk-h{font-size:1.1rem}
.mk-scope{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.mk-scope li{padding-left:16px;position:relative;color:#2b3a50;line-height:1.4}
.mk-scope li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:2px;background:#245dc2}
.mk-table{width:100%;border-collapse:collapse;font-size:.78rem;font-variant-numeric:tabular-nums}
.mk-table th,.mk-table td{padding:7px 6px;border-bottom:1px solid #e3e8f0;text-align:left;color:#26354a}
.mk-table th{font:600 .64rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#6a788d}
.mk-table td:last-child,.mk-table th:last-child{text-align:right}
.mk-table tfoot td{font-weight:700;color:#13294a;border-bottom:0}
.mk-hl{margin:0;padding:7px 10px;border-radius:6px;background:#fff6d6;border:1px dashed #c9a400;color:#5a4300;font-size:.78rem}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px}
.mk-chips span{font-size:.72rem;padding:4px 9px;border-radius:999px;background:#eef2f8;color:#26354a}
.mk-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mk-flow span{font-size:.76rem;padding:7px 10px;border-radius:8px;background:#eef2f8;border:1px solid #dde4ef;color:#26354a}
.mk-flow span.on-blue{background:#eaf1ff;border-color:#9bbcf6;color:#13294a}
.mk-flow i{font-style:normal;color:#8a97ab}
.mk-flow.is-old span{background:#f6f3ee;border-color:#e6dfd3;color:#6b5f4c;text-decoration:line-through;text-decoration-color:rgba(107,95,76,.45)}
.mk-log{list-style:none;padding:0;margin:0;display:grid;gap:5px;font:500 .74rem/1.4 var(--mono);color:#3a4a60}
.mk-log li{display:flex;gap:8px;align-items:baseline}
.mk-log em{font-style:normal;font-size:.66rem;padding:1px 6px;border-radius:4px}
.mk-tag{align-self:flex-end;font:500 .6rem var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#eef2f8;color:#56647a}

/* menús del catálogo (pintados desde shared/business-catalog.json) */
.deal-menus{display:grid;gap:10px;margin:0}
.deal-menu{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);overflow:hidden}
.dark .deal-menu{background:rgba(215,225,241,.05);border-color:var(--line-l);color:var(--snow)}
.deal-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:16px 20px;min-height:64px;font:650 1.04rem/1.35 var(--sans)}
.deal-menu summary::-webkit-details-marker{display:none}
.deal-menu summary>span{min-width:0;flex:1}
.deal-purpose{display:block;margin-top:3px;font-size:.82rem;font-weight:400;line-height:1.45;color:var(--ink-2)}
.dark .deal-purpose{color:var(--snow-2)}
.deal-n{flex:none;font:500 .74rem var(--sans);color:var(--ink-3);white-space:nowrap}
.dark .deal-n{color:var(--snow-3)}
.deal-menu summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-weight:400}
.dark .deal-menu summary::after{border-color:var(--line-l)}
.deal-menu[open] summary::after{content:"−"}
.deal-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px 16px}
.deal-row{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);text-decoration:none!important;color:var(--ink)!important;font-size:.86rem;transition:border-color .2s,background .2s}
.deal-row:hover{border-color:var(--cu);background:#fff}
.deal-row strong{display:block;font-weight:600;line-height:1.3}
.deal-row small{display:block;margin-top:4px;font-size:.78rem;line-height:1.45;color:var(--ink-2)}
.deal-row>span:first-child{min-width:0}
.deal-price{flex:none;text-align:right;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:92px}
.deal-price small{color:var(--cu)!important;font-weight:600}
.deal-row.is-quote .deal-price{font-weight:600;color:var(--ink-2)}
.dark .deal-row{background:rgba(215,225,241,.05);border-color:var(--line-l);color:var(--snow)!important}
.dark .deal-row:hover{background:rgba(215,225,241,.1);border-color:var(--cu-b)}
.dark .deal-row small{color:var(--snow-2)}
.dark .deal-price small{color:var(--cu-b)!important}
.dark .deal-row.is-quote .deal-price{color:var(--snow-2)}
@media (max-width:760px){.deal-rows{grid-template-columns:1fr;padding:0 10px 12px}.deal-menu summary{padding:14px 14px;gap:10px}.deal-row{padding:12px;min-height:0}.deal-price{min-width:74px}}
@media (max-width:420px){.deal-row{flex-direction:column;align-items:flex-start;gap:6px}.deal-price{text-align:left;display:flex;gap:10px;align-items:baseline}.deal-price small{margin:0}}

/* reporte (números) */
.deal-report{background:#fff;color:#1d2a3d;border-radius:16px;overflow:hidden;border:1px solid #d9e1ee;margin-top:8px}
.deal-report-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:#eef3fb;border-bottom:1px solid #dde4ef}
.deal-report-h b{color:#13294a;font-size:1rem}
.deal-report-h span{font:500 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#56647a}
.deal-report-key{margin:0;padding:16px 18px;border-bottom:1px solid #e3e8f0;font-size:1.02rem;line-height:1.5;color:#13294a}
.deal-report-key strong{color:#245dc2}
.deal-report-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.deal-report-b>section{padding:16px 18px;border-right:1px solid #e3e8f0;min-width:0}
.deal-report-b>section:last-child{border-right:0}
.deal-report-b h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.92rem;color:#13294a}
.deal-report-b h3 i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#245dc2;color:#fff;font:600 .7rem var(--mono);font-style:normal}
.deal-bars{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.deal-bars li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.8rem;color:#26354a}
.deal-bars b{color:#13294a;font-variant-numeric:tabular-nums}
.deal-bars i{grid-column:1/-1;height:8px;border-radius:9px;background:#e6ecf5;overflow:hidden;position:relative}
.deal-bars i::after{content:"";position:absolute;inset:0;width:calc(var(--w)*100%);background:#245dc2;border-radius:9px}
.deal-moves{margin:0;padding-left:18px;display:grid;gap:9px;font-size:.82rem;line-height:1.45;color:#26354a}
.deal-moves li::marker{color:#245dc2;font-weight:700}
@media (max-width:860px){.deal-report-b{grid-template-columns:1fr}.deal-report-b>section{border-right:0;border-bottom:1px solid #e3e8f0}.deal-report-b>section:last-child{border-bottom:0}}
.deal-cadence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 6px;list-style:none;padding:0}
.deal-cadence li{padding:14px;border-radius:12px;border:1px solid var(--line-l);background:rgba(215,225,241,.05);font-size:.84rem;line-height:1.45;color:var(--snow-2)}
.deal-cadence b{display:block;color:#fff;font-size:.95rem;margin-bottom:3px}
@media (max-width:700px){.deal-cadence{grid-template-columns:1fr}}

/* sitio de muestra */
.deal-site-prev{margin:0;background:#fff;color:#13294a;border:1px solid #d9e1ee;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px -22px rgba(15,34,64,.5)}
.deal-site-prev figcaption{display:flex;gap:14px;align-items:center;padding:10px 14px;background:#eef2f8;color:#56647a;font:500 .7rem var(--mono)}
.deal-sp-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.8rem}
.deal-sp-nav b{font-size:.92rem}.deal-sp-nav span{color:#56647a;font-size:.72rem}
.deal-sp-hero{display:grid;grid-template-columns:1fr .9fr;gap:16px;padding:16px 18px 20px;align-items:center;background:#f2f6fc}
.deal-sp-hero h3{margin:0 0 8px;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.1;color:#13294a}
.deal-sp-hero p{margin:0 0 12px;font-size:.78rem;line-height:1.5;color:#3d516d}
.deal-sp-hero img{width:100%;height:170px;object-fit:cover;border-radius:12px}
.deal-sp-btn{display:inline-flex;padding:8px 12px;border-radius:8px;background:#245dc2;color:#fff;font-size:.72rem;font-weight:600}
.deal-sp-chat{display:grid;gap:7px;padding:14px 18px 18px;border-top:1px solid #e3e8f0}
.deal-sp-chat p{margin:0;max-width:86%;padding:8px 11px;border-radius:12px;font-size:.78rem;line-height:1.4}
.deal-sp-chat .in{background:#eef2f8;color:#26354a;border-bottom-left-radius:3px}
.deal-sp-chat .out{justify-self:end;background:#245dc2;color:#fff;border-bottom-right-radius:3px}
.deal-sp-chat .meta{max-width:none;padding:0;font:500 .64rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#6a788d}
@media (max-width:520px){.deal-sp-hero{grid-template-columns:1fr}.deal-sp-hero img{height:140px}.deal-sp-nav span{display:none}}

/* cómo decides y recibes */
.deal-how{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:clamp(24px,4vw,52px);align-items:start}
.deal-how h2{max-width:20ch}
.deal-asks{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.deal-asks li{padding:16px;border-radius:12px;border:1px solid var(--line-l);background:rgba(215,225,241,.05);font-size:.88rem;line-height:1.5;color:var(--snow-2)}
.deal-asks b{display:block;margin-bottom:6px;color:#fff;font-size:1.06rem;line-height:1.25;font-weight:650}
.deal-asks span{display:block;margin-top:8px;font-size:.78rem;color:var(--snow-3)}
.deal-host{display:grid;gap:14px}
.deal-host-fig{margin:0;border-radius:18px;background:radial-gradient(ellipse at 50% 100%,#2c5cab,#13294a 70%);border:1px solid var(--line-l);aspect-ratio:5/4;display:grid;place-items:center;padding:16px}
.deal-host-fig img{width:86%;height:auto}
.deal-credit{padding:20px;border-radius:14px;background:#13294a;border:1px solid #2d4a78;color:var(--snow-2)}
.deal-credit .k{margin:0;font:600 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cu-b)}
.deal-credit .p{margin:8px 0;color:#fff;font-size:1.9rem;font-weight:650;letter-spacing:-.02em}
.deal-credit .p small{display:block;font-size:.78rem;font-weight:400;letter-spacing:0;color:var(--snow-2)}
.deal-credit ul{margin:0;padding-left:18px;font-size:.84rem;line-height:1.55;color:var(--snow-2)}
.deal-acc{margin:6px 0 14px;font-size:.92rem;color:var(--snow-2)}
@media (max-width:900px){.deal-how{grid-template-columns:1fr}.deal-host{grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);align-items:center}}
@media (max-width:640px){.deal-asks{grid-template-columns:1fr}}
@media (max-width:540px){.deal-host{grid-template-columns:1fr}.deal-host-fig{max-width:220px;justify-self:center;width:100%}}

/* recorrido del proyecto */
.dw{margin-top:clamp(32px,4vw,52px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line-l)}
.dw-intro{max-width:64ch;margin-bottom:16px}
.dw-intro h3{margin:4px 0 8px;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.2}
.dw-intro p{margin:0;font-size:.95rem;line-height:1.55}
.dw-steps{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}
.dw-steps button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--line-l);background:rgba(215,225,241,.06);color:var(--snow-2);font:500 .82rem var(--sans);cursor:pointer}
.dw-steps button i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(215,225,241,.12);font:600 .74rem var(--mono);font-style:normal}
.dw-steps button[aria-current]{background:rgba(143,183,255,.16);border-color:var(--cu-b);color:#fff}
.dw-steps button[aria-current] i{background:var(--cu-b);color:#0f2240}
.dw-screen{border-radius:16px;overflow:hidden;background:#0c1830;border:1px solid #23406d;color:#e9effa}
.dw-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#132648}
.dw-bar i{width:9px;height:9px;border-radius:50%;background:#2e4670}
.dw-bar b{margin-left:6px;font:500 .74rem var(--mono);color:#b9c8e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dw-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid #1f3760;overflow-x:auto;scrollbar-width:none}
.dw-tabs span{padding:7px 10px;font-size:.74rem;color:#9fb1cf;border-bottom:2px solid transparent;white-space:nowrap}
.dw-tabs span.on{color:#fff;border-color:var(--cu-b)}
.dw-tabs span.ok::after{content:" ✓";color:#7fd6a6}
.dw-pane{display:none;padding:16px;gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:300px}
.dw-pane.on{display:grid}
.no-js .dw-pane,.dw:not(.is-ready) .dw-pane{display:grid}
.dw:not(.is-ready) .dw-pane+.dw-pane{border-top:1px solid #1f3760}
.dw-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.dw-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dw-head strong{font-size:1rem;color:#fff}
.dw-pill{font-size:.7rem;padding:3px 9px;border-radius:999px;border:1px solid var(--cu-b);color:#dbe7ff;white-space:nowrap}
.dw-prog{height:6px;border-radius:9px;background:#1d3358;overflow:hidden}
.dw-prog i{display:block;height:100%;background:var(--cu-b)}
.dw-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.dw-acts span{font-size:.74rem;padding:6px 11px;border-radius:8px;background:#1d3358;color:#dbe7ff}
.dw-acts span:first-child{background:var(--cu-b);color:#0f2240;font-weight:600}
.dw-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.dw-side .mk-win,.dw-side .mk-paper{font-size:.76rem}
.dw-bot{display:flex;align-items:flex-end;gap:8px}
.dw-bot img{width:46px;height:auto;flex:none}
.dw-bot p{margin:0;padding:8px 11px;border-radius:12px 12px 12px 3px;background:#1d3358;font-size:.78rem;line-height:1.4;color:#e9effa!important}
.dw-note{margin-top:10px;font-size:.8rem;color:var(--snow-3)}
@media (max-width:760px){.dw-pane,.dw-pane.on{grid-template-columns:1fr}.no-js .dw-pane{grid-template-columns:1fr}}

/* planes */
.deal-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 18px}
.deal-plan{position:relative;display:flex;flex-direction:column;padding:26px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.deal-plan.is-featured{border:2px solid var(--cu);box-shadow:0 22px 44px -30px rgba(36,93,194,.6)}
.deal-plan-tag{position:absolute;top:-12px;left:22px;padding:4px 10px;border-radius:999px;background:var(--cu);color:#fff;font:600 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.deal-plan-name{margin:0;font:600 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cu)}
.deal-plan-price{margin:12px 0 4px;color:var(--ink)}
.deal-plan-price b{font-size:clamp(2.2rem,3.6vw,3rem);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.deal-plan-price small{font-size:.86rem;color:var(--ink-3);margin-left:4px}
.deal-plan-line{margin:0 0 14px;font-size:.88rem;color:var(--ink-2)}
.deal-plan ul{flex:1;margin:0 0 18px;padding:14px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:9px;align-content:start;font-size:.9rem;line-height:1.45;color:var(--ink-2)}
.deal-plan li{position:relative;padding-left:22px}
.deal-plan li::before{content:"✓";position:absolute;left:0;color:var(--cu);font-weight:700}
.deal-plan .btn{align-self:stretch}
.deal-plan:not(.is-featured) .btn{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.deal-plan:not(.is-featured) .btn:hover{background:var(--ink);color:#fff}
@media (max-width:900px){.deal-plans{grid-template-columns:1fr;max-width:560px}}
.deal-plan-foot{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;font-size:.9rem}
.deal-plan-foot a{color:var(--cu);font-weight:600}

/* reglas */
.deal-rules{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.deal-rules li{padding:18px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.deal-rules b{display:block;color:var(--ink);font-size:.98rem;margin-bottom:4px}
@media (max-width:900px){.deal-rules{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.deal-rules{grid-template-columns:1fr}}

/* preguntas */
.deal-site .qa>div{border-color:var(--line)}
.deal-site .qa dt{font:650 1.08rem/1.3 var(--sans);color:var(--ink);letter-spacing:-.01em}
.deal-site .qa dd{color:var(--ink-2);font-size:.95rem;line-height:1.6}
.deal-site .qa a{color:var(--cu)}
@media (max-width:760px){.deal-site .qa{grid-template-columns:1fr}}

/* contacto, pie y botón fijo */
.deal-site .contact{background:radial-gradient(55% 70% at 90% 0%,rgba(36,93,194,.4),transparent 70%),#0f2240;color:var(--snow-2)}
.deal-site .contact h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}
.deal-site .contact .kicker{color:var(--cu-b)}
.deal-site .contact .lead{color:var(--snow-2)}
.deal-site .contact .alt a{color:#fff}
.deal-site .next{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.deal-site .next li{display:flex;gap:12px;align-items:center;color:var(--snow-2)}
.deal-site .next b{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(143,183,255,.18);color:#fff;font:600 .8rem var(--mono)}
.deal-site .form{background:rgba(215,225,241,.06);border-color:var(--line-l);border-radius:16px}
.deal-site .form label{color:var(--snow-3);font-family:var(--sans);letter-spacing:.02em;text-transform:none;font-size:.82rem}
.deal-site .form input,.deal-site .form textarea,.deal-site .form select{background:#0b1a33;border-color:#2d4a78;color:#fff;border-radius:10px}
.deal-site .form textarea::placeholder{color:#8ea0bf}
.deal-site .form .fine{color:var(--snow-3)}
.deal-site .foot{background:#0b1a33;color:var(--snow-3)}
.deal-site .foot a{color:var(--snow-2)}
.deal-site .foot .logo{color:#fff}
.deal-site .foot .legal{border-color:var(--line-l);color:var(--snow-3);font-family:var(--sans);letter-spacing:0;font-size:.78rem;line-height:1.6}
.deal-site .foot .familia{margin:0;font-size:.8rem;color:var(--snow-3)}
.deal-site .sticky{background:rgba(246,248,252,.96);border-top:1px solid var(--line)}

/* páginas de catálogo y pedido */
.deal-page-head{padding:clamp(40px,5vw,68px) clamp(16px,5vw,64px) clamp(28px,3vw,40px);background:radial-gradient(60% 80% at 100% 0%,#d9e6fb,transparent 65%),var(--paper)}
.deal-page-head h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.04;letter-spacing:-.04em;max-width:18ch;margin:10px 0 0}
.deal-page-head .lead{max-width:60ch;margin:1rem 0 0}
.deal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.deal-tabs a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-size:.86rem;font-weight:600}
.deal-tabs a:hover{border-color:var(--cu);color:var(--cu)}
.deal-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.deal-split>section{padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.deal-split h3{margin:0 0 6px;font-size:1.3rem}
.deal-split p{margin:0 0 14px;font-size:.9rem;line-height:1.55}
.deal-rows--order{grid-template-columns:1fr;padding:0;max-height:none}
@media (max-width:900px){.deal-split{grid-template-columns:1fr}}
.deal-site .deal-rows--order .deal-row{background:var(--paper)}
/* piezas claras dentro de secciones oscuras: su propio color de texto */
.deal-site .dark .deal-report h3,.deal-site .dark .deal-site-prev h3,.deal-site .dark .mk-paper h3{color:#13294a}
.deal-site .contact :is(h2,h3){color:#fff}
.deal-site .foot .logo{font:700 1.3rem var(--sans);letter-spacing:-.02em;color:#fff}
/* 404: navegación sin menú desplegable */
.deal-site .nav--plain{position:static;flex-direction:row;opacity:1;visibility:visible;transform:none;background:transparent;border:0;padding:0;gap:14px}
.deal-site .nav--plain a:not(.btn){border:0;padding:0}
.deal-404{min-height:calc(100svh - var(--bar-h) - 160px);display:flex;align-items:center}
.deal-site{--claqueta:linear-gradient(90deg,#245dc2,#8fb7ff)}
.deal-site .sticky::before{display:none}
.deal-site .sticky{box-shadow:0 -10px 30px rgba(15,34,64,.12)}
@media (max-width:620px){.deal-photo{aspect-ratio:2/1}}
.deal-site .foot .logo{font-size:1.3rem!important;letter-spacing:-.02em}
.deal-site .nav--plain{gap:12px;font-size:.86rem}
@media (max-width:480px){.deal-site .nav--plain>a:first-child{display:none}.deal-site .nav--plain{gap:8px}}

/* páginas con cobro.css (gracias, privacidad): misma identidad */
.deal-site[data-pagina] .bar nav a{color:var(--ink-2)}
.deal-site[data-pagina] .bar nav a:hover{color:var(--cu);background:rgba(19,41,74,.05)}
.deal-site[data-pagina] .bar nav a[data-neo-cuenta]{color:var(--ink);border-color:var(--line)}
.deal-site[data-pagina] .head{background:radial-gradient(55% 70% at 90% 0%,rgba(36,93,194,.4),transparent 70%),#0f2240}
.deal-site[data-pagina] .head h1{font:650 clamp(2.3rem,5.4vw,4.2rem)/1.04 var(--sans);letter-spacing:-.04em;color:#fff}
.deal-site[data-pagina] .head h1 em{font-style:normal;color:var(--cu-b)}
.deal-site[data-pagina] .tarjeta h2{font:650 1.4rem/1.2 var(--sans);letter-spacing:-.02em}
.deal-site footer.pie{background:#0b1a33}
.deal-site footer.pie .legal{font-family:var(--sans);letter-spacing:0;font-size:.78rem}
.deal-site footer.pie .familia{margin:0;font-size:.8rem}
@media (max-width:480px){.deal-site[data-pagina] .bar nav a{font-size:.8rem;padding:6px 8px}}
.deal-site .nav--plain{align-items:center}
.deal-site[data-pagina] .head::before,.deal-site[data-pagina] .head::after{display:none}
.deal-intro h2{font-size:clamp(1.9rem,3.4vw,2.9rem);max-width:30ch}
.dw-pane{min-height:230px}