/* Kiuron · estilos. Fuentes servidas desde este servidor (sin Google Fonts). */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/schibsted-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/schibsted-grotesk-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/schibsted-grotesk-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/schibsted-grotesk-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/hanken-grotesk-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/hanken-grotesk-latin-700-normal.woff2) format('woff2')}
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --sunk:#EDEFF3; --ink:#0E1424; --ink-2:#1C2436; --muted:#5A6376; --line:#E2E5EB;
  --brand:#4B3BFF; --brand-ink:#3426D9; --brand-soft:#EEEBFF; --dark:#0B1020; --dark-2:#141A2E; --dark-line:#262E46; --dark-muted:#A3ABC0;
  --ok:#077556; --ok-soft:#DDF5EC; --warn:#985600; --warn-soft:#FFF1D6; --bad:#B23426; --bad-soft:#FCE5E2;
  --display:'Schibsted Grotesk',system-ui,sans-serif; --body:'Hanken Grotesk',system-ui,sans-serif;
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);line-height:1.1;margin:0;letter-spacing:-.015em}
h1{font-size:clamp(2.4rem,4.6vw,3.8rem);font-weight:800;letter-spacing:-.035em;line-height:1.02}
h2{font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:800;letter-spacing:-.03em}
h3{font-size:1.25rem;font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0}
a{color:var(--brand-ink)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:10px;padding:11px 18px;font-weight:600;cursor:pointer;text-decoration:none;background:var(--ink);color:#fff;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}
.btn:hover{background:#000}
.btn.primary{background:var(--brand)}
.btn.primary:hover{background:var(--brand-ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.light{background:#fff;color:var(--ink)}
.btn.light:hover{background:#E9EBF2}
.btn.outline-dark{background:transparent;color:#fff;border-color:var(--dark-line)}
.btn.outline-dark:hover{border-color:#fff}
.btn.link{background:none;color:var(--brand-ink);padding:4px 0;border:0}
.btn.link:hover{text-decoration:underline}
.btn.sm{padding:7px 12px;font-size:.875rem;border-radius:8px}
.btn.lg{padding:15px 24px;font-size:1.05rem}
.btn.ok{background:var(--ok)}
.btn.bad{background:transparent;color:var(--bad);border-color:#EDC2BC}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* Header */
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top.dark{background:rgba(11,16,32,.9);border-color:var(--dark-line);color:#fff}
.top .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font:800 1.35rem/1 var(--display);letter-spacing:-.03em;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.logo svg{flex:none}
.nav{display:flex;gap:24px;margin-right:auto}
.nav button,.nav a{background:none;border:0;padding:4px 0;cursor:pointer;color:var(--muted);font-weight:500;font-size:inherit;font-family:inherit;text-decoration:none}
.top.dark .nav button,.top.dark .nav a{color:var(--dark-muted)}
.nav button:hover,.nav a:hover{color:inherit}
.top.dark .nav button:hover,.top.dark .nav a:hover{color:#fff}
.top .actions{display:flex;gap:10px;align-items:center;position:relative}
.top.dark .btn.ghost{color:#fff;border-color:var(--dark-line)}
.bell{position:relative;background:none;border:1.5px solid var(--line);border-radius:10px;width:40px;height:38px;display:grid;place-items:center;cursor:pointer;color:inherit}
.top.dark .bell{border-color:var(--dark-line)}
.bell .badge{position:absolute;top:-7px;right:-7px}
.dropdown{position:absolute;right:0;top:50px;width:350px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -24px rgba(14,20,36,.45);overflow:hidden;z-index:40}
.dropdown header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.dropdown .li{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 16px;cursor:pointer}
.dropdown .li:hover{background:var(--bg)}
.dropdown .li.unread{background:var(--brand-soft)}
@media(max-width:980px){.nav{display:none}.top .actions{margin-left:auto}}
@media(max-width:560px){.top .actions{gap:6px}.top .actions .btn{padding:7px 10px}.logo{font-size:1.15rem}.hide-sm{display:none!important}.dropdown{width:calc(100vw - 32px);right:-8px}}

/* Hero (dark) */
.hero{background:var(--dark);color:#fff;position:relative;overflow:hidden;padding:72px 0 96px}
.hero::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-420px;background:radial-gradient(closest-side,rgba(75,59,255,.38),transparent);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;position:relative}
.hero .lead{font-size:1.18rem;color:var(--dark-muted);max-width:32em;margin:24px 0 32px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero .note{margin-top:22px;color:var(--dark-muted);font-size:.92rem;display:flex;gap:8px;align-items:center}
@media(max-width:1020px){.hero .wrap{grid-template-columns:1fr}}
@media(max-width:560px){.hero{padding:44px 0 64px}}

/* Hero stage: product composite */
.stage{position:relative;height:520px}
.win{position:absolute;left:0;top:44px;width:84%;background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
.chrome{height:30px;background:#E9EBF0;display:flex;align-items:center;gap:6px;padding:0 12px}
.chrome i{width:9px;height:9px;border-radius:50%;background:#C9CDD6}
.chrome span{margin-left:12px;flex:1;max-width:280px;height:18px;border-radius:6px;background:#fff;font-size:.7rem;color:var(--muted);display:flex;align-items:center;padding:0 8px;overflow:hidden;white-space:nowrap}
.win .view{height:350px}
.fc{position:absolute;background:var(--surface);color:var(--ink);border-radius:14px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);font-size:.88rem;width:250px}
.fc .k{font-size:.76rem;color:var(--muted);font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.fc strong{font-family:var(--display)}
.fc1{right:0;top:0}
.fc2{right:-8px;top:200px}
.fc3{left:-26px;bottom:20px;width:270px}
.fc4{right:30px;bottom:0;width:230px}
.dotok{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}
.dotw{width:8px;height:8px;border-radius:50%;background:#E5A100;display:inline-block}
.bub{background:var(--sunk);border-radius:12px 12px 12px 4px;padding:7px 10px;margin-top:6px}
.bub.me{background:var(--brand);color:#fff;border-radius:12px 12px 4px 12px;margin-left:30px}
.minibar{height:7px;border-radius:9px;background:var(--sunk);overflow:hidden;margin-top:8px}.minibar i{display:block;height:100%;background:var(--ok)}
.stage > *{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.stage .fc1{animation-delay:.25s}.stage .fc2{animation-delay:.45s}.stage .fc3{animation-delay:.65s}.stage .fc4{animation-delay:.85s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@media(max-width:1020px){.stage{height:500px;max-width:640px}}
@media(max-width:620px){.stage{height:auto;display:grid;gap:12px}.win,.fc{position:static;width:auto}.fc2,.fc4{display:none}.win .view{height:260px}}

/* Trust strip */
.trust{background:var(--dark-2);color:#fff;border-top:1px solid var(--dark-line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust div{padding:22px 20px 22px 0;display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--dark-muted)}
.trust div + div{padding-left:20px;border-left:1px solid var(--dark-line)}
.trust strong{display:block;color:#fff;font-family:var(--display);font-size:1rem}
.trust svg{flex:none;margin-top:3px}
@media(max-width:900px){.trust .wrap{grid-template-columns:1fr 1fr}.trust div + div{border-left:0;padding-left:0}.trust div{padding:14px 0}}
@media(max-width:520px){.trust .wrap{grid-template-columns:1fr}}

/* Sections */
section.block{padding:100px 0}
section.block.alt{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:48px}
.sec-head p{color:var(--muted);font-size:1.08rem;max-width:34em}
@media(max-width:860px){.sec-head{grid-template-columns:1fr;gap:14px}section.block{padding:72px 0}}

/* Catalog of possibilities */
.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink)}
.cat{padding:26px 24px 10px 0}
.cat + .cat{padding-left:24px;border-left:1px solid var(--line)}
.cat h3{font-size:1.1rem;margin-bottom:14px}
.cat ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.cat li{display:flex;justify-content:space-between;gap:10px;font-size:.95rem}
.cat li span:last-child{color:var(--muted);white-space:nowrap;font-size:.86rem}
@media(max-width:980px){.catalog{grid-template-columns:1fr 1fr}.cat:nth-child(3){padding-left:0;border-left:0}.cat{padding-bottom:26px}}
@media(max-width:600px){.catalog{grid-template-columns:1fr}.cat + .cat{padding-left:0;border-left:0;border-top:1px solid var(--line)}}

/* Configurator */
.config{display:grid;grid-template-columns:.95fr 1.05fr;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(14,20,36,.35)}
.config .opts{padding:30px}
.config .out{background:var(--sunk);padding:30px;display:flex;flex-direction:column;gap:18px}
.config .label{font-weight:700;font-size:.9rem;margin:20px 0 10px;display:block}
.config .label:first-child{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:.88rem;cursor:pointer;font-weight:500}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.seg{display:inline-flex;background:var(--sunk);border-radius:10px;padding:4px;gap:4px;flex-wrap:wrap}
.seg button{border:0;background:none;border-radius:8px;padding:7px 12px;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(14,20,36,.12)}
.browser{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px -24px rgba(14,20,36,.45),0 0 0 1px rgba(14,20,36,.06)}
.browser .view{height:300px}
.pricebox{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.pricebox .amt{font:800 2.1rem/1 var(--display);letter-spacing:-.03em}
.pricebox small{display:block;color:var(--muted);font-size:.84rem;margin-top:6px}
@media(max-width:900px){.config{grid-template-columns:1fr}}
@media(max-width:560px){.config .opts,.config .out{padding:20px}.browser .view{height:250px}}

/* Mini site preview */
.site{--sa:#4B3BFF;--sb:#DCDFF0;--sc:#F1F2FA;--sbg:#FFFFFF;--sink:#0E1424;background:var(--sbg);height:100%;overflow:hidden;font:600 7px/1.3 var(--body);color:var(--sink);display:flex;flex-direction:column;gap:9px;position:relative}
.site.gray{--sa:#5F6677;--sb:#DCDFE5;--sc:#EFF1F4;--sink:#4A5060}
.sp-nav{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--sb)}
.sp-logo{font:800 9.5px var(--display);color:var(--sa)}
.sp-links{display:flex;gap:6px;margin-left:auto;align-items:center}
.sp-links i{width:18px;height:4px;border-radius:2px;background:var(--sb)}
.sp-pill{border:1px solid var(--sb);border-radius:6px;padding:1px 5px;font-size:6px;color:var(--sink)}
.sp-btn{background:var(--sa);color:#fff;border-radius:3px;padding:3px 7px;font-size:6.5px;display:inline-block;white-space:nowrap}
.sp-mod{margin:0 14px}
.sp-hero{border-radius:7px;padding:18px 14px;background:var(--sc);display:grid;grid-template-columns:1.25fr 1fr;gap:12px;align-items:center;position:relative;overflow:hidden}
.sp-h{font:800 14px/1.04 var(--display);color:var(--sink);letter-spacing:-.02em}
.sp-line{height:4px;border-radius:2px;background:var(--sb);margin-top:5px}
.sp-img{border-radius:6px;height:84px;background:linear-gradient(135deg,var(--sa),color-mix(in srgb,var(--sa) 50%,#fff))}
.sp-blob{position:absolute;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--sa) 35%,transparent);right:-20px;top:-30px;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translate(-14px,10px) scale(1.08)}}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.sp-card{border:1px solid var(--sb);border-radius:5px;padding:5px}
.sp-card .im{height:30px;border-radius:3px;background:var(--sc);margin-bottom:4px}
.sp-row{display:flex;gap:8px;align-items:center}
.sp-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;width:110px}
.sp-cal i{height:9px;border-radius:2px;background:var(--sc)}
.sp-cal i.on{background:var(--sa)}
.sp-box{border:1px solid var(--sb);border-radius:6px;padding:8px;flex:1}
.sp-chat{position:absolute;right:12px;bottom:12px;width:26px;height:26px;border-radius:50%;background:var(--sa);display:grid;place-items:center;color:#fff;font-size:11px;box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
.sp-foot{margin-top:auto;background:var(--sink);height:26px;opacity:.92}
.sp-app{display:grid;grid-template-columns:60px 1fr;flex:1;min-height:0}
.sp-app .sb{background:var(--sink);padding:10px 8px;display:grid;gap:6px;align-content:start}
.sp-app .sb i{height:5px;border-radius:2px;background:rgba(255,255,255,.25)}
.sp-app .sb i.on{background:var(--sa)}
.sp-bars{display:flex;align-items:end;gap:5px;height:56px}
.sp-bars i{flex:1;background:var(--sa);border-radius:2px 2px 0 0;opacity:.8}
.pop{animation:pop .45s cubic-bezier(.2,.9,.3,1.25)}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.94)}}

/* Portal tour */
.tour{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.tour-tabs{display:grid;gap:6px}
.tour-tabs button{text-align:left;background:none;border:1.5px solid transparent;border-radius:12px;padding:14px 16px;cursor:pointer}
.tour-tabs button strong{display:block;font-family:var(--display);font-size:1.02rem}
.tour-tabs button span{color:var(--muted);font-size:.9rem}
.tour-tabs button:hover{background:var(--bg)}
.tour-tabs button[aria-selected="true"]{background:var(--surface);border-color:var(--line);box-shadow:0 10px 30px -20px rgba(14,20,36,.4)}
.tour-panel{background:var(--dark);border-radius:20px;padding:22px;min-height:440px}
.tour-screen{background:var(--bg);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:170px 1fr;min-height:396px}
.tour-screen .sd{background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;display:grid;gap:3px;align-content:start;font-size:.84rem}
.tour-screen .sd span{padding:7px 10px;border-radius:8px;color:var(--muted)}
.tour-screen .sd span.on{background:var(--brand-soft);color:var(--brand-ink);font-weight:700}
.tour-screen .mn{padding:20px;display:grid;gap:12px;align-content:start;font-size:.9rem}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.trow{display:flex;justify-content:space-between;gap:10px;align-items:center}
@media(max-width:960px){.tour{grid-template-columns:1fr}.tour-tabs{grid-template-columns:repeat(3,1fr)}.tour-tabs button span{display:none}}
@media(max-width:620px){.tour-tabs{grid-template-columns:1fr 1fr}.tour-screen{grid-template-columns:1fr}.tour-screen .sd{display:none}.tour-panel{padding:12px}}

/* Packs */
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pack{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 28px 28px;display:flex;flex-direction:column}
.pack.feat{background:var(--dark);color:#fff;border-color:var(--dark)}
.pack.feat .muted,.pack.feat li{color:var(--dark-muted)}
.pack .tag{font-size:.84rem;font-weight:600;color:var(--brand-ink);margin-bottom:12px}
.pack.feat .tag{color:#B7AEFF}
.pack h3{font-size:1.5rem;font-weight:800}
.pack .p{font:800 2.5rem/1 var(--display);letter-spacing:-.03em;margin:16px 0 6px}
.pack .p small{font:500 .9rem var(--body);color:var(--muted)}
.pack.feat .p small{color:var(--dark-muted)}
.pack ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px;font-size:.95rem}
.pack li{padding-left:26px;position:relative}
.pack li::before{content:"";position:absolute;left:3px;top:.45em;width:11px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.pack.feat li::before{border-color:#9C90FF}
.pack .btn{margin-top:auto}
@media(max-width:900px){.packs{grid-template-columns:1fr}}
.extras{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:64px}
.extras h3{margin-bottom:6px}
.ptable{width:100%;border-collapse:collapse;margin-top:14px}
.ptable td{padding:11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ptable td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:16px}
.ptable td small{display:block;color:var(--muted);font-weight:400}
@media(max-width:860px){.extras{grid-template-columns:1fr}}

/* Steps */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s;gap:0}
.steps li{padding:0 22px 0 0;position:relative}
.steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;font:800 1rem var(--display);margin-bottom:18px;position:relative;z-index:1}
.steps li::after{content:"";position:absolute;top:20px;left:48px;right:8px;height:1.5px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps h4,.steps h3{margin-bottom:4px;font-size:1.05rem;font-weight:700}
.steps .when{display:inline-block;font-size:.8rem;font-weight:600;color:var(--brand-ink);margin-bottom:6px}
.steps p{color:var(--muted);font-size:.94rem}
@media(max-width:900px){.steps{grid-template-columns:1fr;gap:26px}.steps li{padding:0 0 0 60px}.steps li::before{position:absolute;left:0;top:-4px}.steps li::after{left:19px;top:44px;bottom:-24px;right:auto;width:1.5px;height:auto}}

/* Pay & delivery explainer */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.duo > div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px}
.duo h3{font-size:1.4rem;margin-bottom:8px}
.duo .muted{margin-bottom:20px}
.payline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.payline div{border-top:4px solid var(--brand);padding-top:10px;font-size:.9rem}
.payline div:nth-child(2){border-color:#8C82FF}.payline div:nth-child(3){border-color:#C8C2FF}
.payline b{display:block;font:800 1.4rem var(--display)}
.methods{display:flex;gap:8px;flex-wrap:wrap}
.methods span{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.86rem;font-weight:600}
.flist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.flist li{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.93rem}
.fic{width:34px;height:34px;border-radius:8px;background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center;font:800 .62rem var(--display);flex:none}
.flist li small{display:block;color:var(--muted)}
@media(max-width:860px){.duo{grid-template-columns:1fr}}

.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.promise{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
.promise h4,.promise h3{font-size:1.1rem;margin:12px 0 6px}
.promise p{color:var(--muted);font-size:.95rem}
.promise .ic{width:38px;height:38px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center}
@media(max-width:860px){.promises{grid-template-columns:1fr}}

.works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.work .shot{aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-rows:24px 1fr;background:var(--surface)}
.work .shot .chrome{height:24px}
.work h4{margin:14px 0 4px}
.work p{color:var(--muted);font-size:.93rem}
@media(max-width:860px){.works{grid-template-columns:1fr}}

.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font:700 1.1rem var(--display);list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin-top:10px;max-width:46em}
.faq{max-width:860px}

.cta{background:var(--dark);color:#fff;border-radius:24px;padding:64px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:600px;height:600px;left:-200px;bottom:-400px;background:radial-gradient(closest-side,rgba(75,59,255,.45),transparent)}
.cta > *{position:relative}
.cta p{color:var(--dark-muted);margin-top:12px;max-width:32em}
.cta .ctas{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:700px){.cta{padding:36px 26px}}
footer{padding:56px 0 64px;color:var(--muted);font-size:.92rem}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer .legal{display:flex;gap:16px;flex-wrap:wrap}
footer .orion{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);justify-content:center}
footer .orion a{display:inline-flex;align-items:center;gap:10px;color:var(--muted);text-decoration:none;font-size:.82rem;letter-spacing:.01em}
footer .orion img{height:17px;width:auto;opacity:.85;transition:opacity .2s}
footer .orion a:hover img{opacity:1}
footer .legal button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;text-decoration:underline}

/* Forms */
.field{display:grid;gap:6px;margin-bottom:16px}
.field label,.flabel{font-weight:600;font-size:.92rem}
.field>span.label{font-weight:600;font-size:.92rem;display:block;margin-bottom:6px}
.seg label{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:7px 12px;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--muted)}
.seg label:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(14,20,36,.12)}
.seg label input{accent-color:var(--brand);margin:0}
.field .hint{font-size:.82rem;color:var(--muted)}
input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=search]):not([type=range]):not([type=hidden]),select,textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-soft)}
textarea{min-height:110px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:640px){.row2{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface)}
.check input{margin-top:4px;accent-color:var(--brand);flex:none}
.check:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.check span small{display:block;color:var(--muted)}
.check.plain{border:0;padding:4px 0;background:none!important}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.checks{grid-template-columns:1fr}}
.err{color:var(--bad);font-size:.9rem;margin:8px 0 12px}

.page{padding:44px 0 80px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.panel + .panel{margin-top:20px}
.panel > h3{margin-bottom:16px}
.lines{width:100%;border-collapse:collapse;font-size:.93rem}
.lines td,.lines th{padding:9px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.lines th{font-weight:600;color:var(--muted);font-size:.82rem}
.lines td.n,.lines th.n{text-align:right;white-space:nowrap;padding-left:12px}
.lines td.nw{white-space:nowrap;padding-right:14px}
.lines tfoot td{border:0;padding-top:10px}
.lines tfoot tr.big td{font:800 1.3rem var(--display);padding-top:12px}

/* Wizard */
.wiz{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
.wiz aside{position:sticky;top:92px}
@media(max-width:1000px){.wiz{grid-template-columns:1fr}.wiz aside{position:static}}
.stepper{display:flex;gap:6px;margin-bottom:28px;list-style:none;padding:0}
.stepper li{flex:1}
.stepper button{width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:600}
.stepper button::before{content:"";display:block;height:5px;border-radius:3px;background:var(--line);margin-bottom:8px}
.stepper li.done button::before{background:var(--ink)}
.stepper li.cur button{color:var(--ink)}
.stepper li.cur button::before{background:var(--brand)}
.stepper button[disabled]{cursor:default}
@media(max-width:640px){.stepper button span{display:none}}
.wiz h2{margin-bottom:8px}
.wiz .intro{color:var(--muted);margin-bottom:26px;max-width:38em}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tc{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px}
.tc:hover{border-color:var(--ink)}
.tc[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.tc strong{font:700 1.06rem var(--display)}
.tc span{color:var(--muted);font-size:.88rem}
.tc em{font-style:normal;font-weight:700;font-size:.88rem;margin-top:auto}
@media(max-width:760px){.tcards{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.tcards{grid-template-columns:1fr}}
.moods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mood{border:1.5px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;background:var(--surface);padding:0;text-align:left}
.mood[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.mood .sw{height:74px;display:flex;align-items:end;padding:10px;gap:5px}
.mood .sw i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
.mood .sw b{margin-left:auto;font-size:1.5rem;line-height:1}
.mood div.n{padding:10px 12px;font-weight:600;font-size:.92rem}
@media(max-width:760px){.moods{grid-template-columns:1fr 1fr}}
.stepnum{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;width:max-content;background:var(--surface)}
.stepnum button{width:40px;height:40px;background:none;border:0;cursor:pointer;font-size:1.2rem}
.stepnum output{min-width:44px;text-align:center;font-weight:700}
.wiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}
.summary{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(14,20,36,.4)}
.summary .pv{height:200px;border-bottom:1px solid var(--line)}
.summary .body{padding:18px 20px 20px}
.summary .amt{font:800 1.9rem/1 var(--display);letter-spacing:-.03em;margin-top:12px}
.grp-title{font-weight:700;margin:22px 0 10px}
.grp-title:first-child{margin-top:0}

.auth{max-width:440px;margin:0 auto}
.demo-box{background:var(--warn-soft);border-radius:12px;padding:14px 16px;font-size:.9rem;margin-top:18px}

/* App shell */
.app{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 68px)}
.side{background:var(--surface);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:3px}
.side .who{padding:6px 10px 18px;border-bottom:1px solid var(--line);margin-bottom:12px;display:flex;gap:10px;align-items:center}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center;font:800 .95rem var(--display);flex:none}
.side .who strong{display:block;line-height:1.2}
.side button.item,.side a.item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:9px 12px;border-radius:10px;cursor:pointer;font-weight:500;color:var(--muted)}
.side button.item svg,.side a.item svg{flex:none;opacity:.8}
.side button.item .badge{margin-left:auto}
.side button.item:hover,.side a.item:hover{background:var(--bg);color:var(--ink)}
.side button.item[aria-current="page"]{background:var(--brand-soft);color:var(--brand-ink);font-weight:700}
.side .sep{font-size:.76rem;font-weight:700;color:var(--muted);padding:14px 12px 4px}
.badge{line-height:1.5;flex:none;background:var(--brand);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:1px 7px;min-width:20px;text-align:center}
.badge.warn{background:#E5A100}
.side .spacer{flex:1}
.main{padding:32px 36px 60px;min-width:0}
.main > h2{font-size:2rem;margin-bottom:6px}
.main > .sub{color:var(--muted);margin-bottom:28px}
.headrow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.headrow h2{font-size:2rem;margin-bottom:6px}
@media(max-width:860px){.app{grid-template-columns:1fr}.side{flex-direction:row;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:68px;z-index:5}.side .who,.side .spacer,.side .sep{display:none}.side button.item,.side a.item{white-space:nowrap;width:auto}.side button.item svg{display:none}.main{padding:24px 18px 60px}}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1000px){.grid3,.grid4{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.grid2,.grid3,.grid4{grid-template-columns:1fr!important}}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.stat .v{font:800 1.8rem/1.1 var(--display);margin-top:4px;letter-spacing:-.02em}
.stat .k{color:var(--muted);font-size:.9rem}
.nextstep{background:var(--dark);color:#fff;border-radius:16px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px;position:relative;overflow:hidden}
.nextstep::before{content:"";position:absolute;right:-120px;top:-160px;width:360px;height:360px;background:radial-gradient(closest-side,rgba(75,59,255,.5),transparent)}
.nextstep > *{position:relative}
.nextstep .who{font-size:.84rem;color:#B7AEFF;font-weight:700;display:flex;gap:8px;align-items:center}
.nextstep.ours .who{color:#7CE0BF}
.nextstep h3{font-size:1.3rem;margin-top:4px}
.nextstep p{color:var(--dark-muted);font-size:.93rem;margin-top:4px}

.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.list .li{display:flex;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left}
.list .li:last-child{border-bottom:0}
.list .li:hover{background:var(--bg)}
.list .li.static{cursor:default}.list .li.static:hover{background:none}
.list .li .grow{flex:1;min-width:0}
.list .li .t{font-weight:600}
.list .li .m{color:var(--muted);font-size:.88rem}
.empty{padding:36px;text-align:center;color:var(--muted)}
.empty .btn{margin-top:14px}

.pill{display:inline-block;border-radius:999px;font-size:.78rem;font-weight:700;padding:3px 10px;white-space:nowrap;background:var(--sunk);color:var(--muted)}
.pill.blue{background:var(--brand-soft);color:var(--brand-ink)}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}

.back{margin-bottom:14px}
.progress{height:10px;background:var(--sunk);border-radius:9px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--brand);transition:width .4s}
.progress.ok i{background:var(--ok)}

.timeline{list-style:none;padding:0;margin:0}
.timeline li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:10px 0;position:relative;align-items:center}
.timeline li::before{content:"";position:absolute;left:13px;top:-10px;bottom:50%;width:2px;background:var(--line)}
.timeline li:first-child::before{display:none}
.timeline .dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:.8rem;font-weight:700;position:relative;z-index:1}
.timeline li.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}
.timeline li.now .dot{border-color:var(--brand);color:var(--brand)}
.timeline button.dot{cursor:pointer}
.timeline .when{font-size:.82rem;color:var(--muted);text-align:right}

.todo{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.todo li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.todo li.done{background:var(--ok-soft);border-color:transparent}
.todo li.done span{text-decoration:line-through;color:var(--muted)}
.todo input{accent-color:var(--ok);width:18px;height:18px}

.deliv{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--surface)}
.deliv + .deliv{margin-top:12px}
.deliv .top-row{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}
.deliv .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fb{background:var(--warn-soft);border-radius:8px;padding:8px 12px;font-size:.9rem;margin-top:10px}
.deliv img{max-width:100%;border-radius:8px;margin-top:10px;border:1px solid var(--line)}
.cmts{margin-top:10px;display:grid;gap:6px}
.cmt{font-size:.9rem;background:var(--bg);border-radius:8px;padding:8px 11px}
.cmt b{font-weight:700}
.cmt.team{background:var(--brand-soft)}

/* Payments */
.sched{display:grid;gap:10px}
.sched .row{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sched .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;border:2px solid var(--line)}
.sched .row.paid .ic{background:var(--ok);border-color:var(--ok);color:#fff}
.sched .row.due .ic{border-color:var(--brand);color:var(--brand)}
.sched .amt{font:800 1.05rem var(--display)}
.sched .end{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.paytabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.paytabs button{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;cursor:pointer;font-weight:700;text-align:left}
.paytabs button small{display:block;font-weight:500;color:var(--muted);font-size:.8rem}
.paytabs button[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.secure{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted);margin-top:12px}
.iban{font:700 1.05rem ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.locked{display:flex;gap:12px;align-items:center;background:var(--warn-soft);border-radius:12px;padding:14px 16px;color:var(--warn);font-weight:600;margin-bottom:16px}

/* Mi web / demo */
.demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.demo-frame{background:var(--dark);border-radius:18px;padding:22px;display:grid;place-items:center}
.demo-frame .browser{width:100%;transition:width .3s}
.demo-frame .browser.tablet{width:min(560px,100%)}
.demo-frame .browser.mobile{width:min(300px,100%)}
.demo-frame .view{height:480px}
.demo-frame .site{zoom:1.55}.demo-frame .browser.tablet .site{zoom:1.2}.demo-frame .browser.mobile .site{zoom:1}
.grid2 > .panel + .panel{margin-top:0}
@media(max-width:700px){.demo-frame .site{zoom:1}.demo-frame .view{height:340px}.demo-switch{font-size:.76rem;padding:5px 12px}}
.demo-frame .browser.mobile .view{height:520px}
.access{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.access + .access{margin-top:8px}
.access code{font:600 .9rem ui-monospace,SFMono-Regular,Menlo,monospace}

/* Chat */
.chat{display:grid;grid-template-columns:290px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;height:min(660px,calc(100vh - 220px));min-height:460px}
.chat .threads{border-right:1px solid var(--line);overflow:auto}
.chat .threads .li{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 16px;cursor:pointer}
.chat .threads .li[aria-current="true"]{background:var(--brand-soft)}
.chat .threads .li .t{font-weight:600;display:flex;justify-content:space-between;gap:8px}
.chat .threads .li .m{font-size:.84rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat .conv{display:grid;grid-template-rows:auto 1fr auto auto;min-height:0}
.chat .conv header{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.msgs{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.msg{max-width:75%;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--line);font-size:.95rem;white-space:pre-wrap}
.msg.me{align-self:flex-end;background:var(--brand);color:#fff;border-color:var(--brand);border-radius:14px 14px 4px 14px}
.msg .who{font-size:.75rem;opacity:.75;margin-bottom:2px;font-weight:600}.msg.me .who,.msg.me .seen{opacity:1;color:#EDEBFF}
.msg.bot{background:var(--sunk);border-color:transparent}
.msg .att{display:block;margin-top:6px;font-size:.85rem;font-weight:600}
.quick{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 0}
.quick button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:.82rem;cursor:pointer}
.quick button:hover{border-color:var(--ink)}
.composer{display:flex;gap:8px;padding:12px;align-items:flex-end}
.composer textarea{min-height:44px;height:44px;resize:none}
.attach{position:relative;overflow:hidden;flex:none;width:44px;height:44px;border:1.5px solid var(--line);border-radius:10px;display:grid;place-items:center;cursor:pointer;background:var(--surface)}
.attach input{position:absolute;inset:0;opacity:0;cursor:pointer}
@media(max-width:760px){.chat{grid-template-columns:1fr;height:auto}.chat .threads{max-height:200px;border-right:0;border-bottom:1px solid var(--line)}.msgs{min-height:320px}}

.fab{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--brand);color:#fff;border:0;border-radius:999px;padding:13px 20px;font-weight:700;cursor:pointer;display:flex;gap:10px;align-items:center;box-shadow:0 14px 30px -10px rgba(75,59,255,.6)}
.fab .on{width:9px;height:9px;border-radius:50%;background:#7CF0C3}
.popchat{position:fixed;right:20px;bottom:84px;z-index:40;width:min(380px,calc(100vw - 40px));background:var(--surface);border-radius:16px;box-shadow:0 30px 70px -20px rgba(14,20,36,.5);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;max-height:min(600px,calc(100vh - 120px))}
.popchat header{background:var(--dark);color:#fff;padding:16px 18px;display:flex;gap:12px;align-items:center}
.popchat header p{color:var(--dark-muted);font-size:.86rem}
.popchat .msgs{min-height:200px}
.popchat .intro{padding:16px;display:grid;gap:10px;overflow:auto}

.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;z-index:70;font-weight:500;animation:tin .25s ease-out;max-width:calc(100vw - 40px)}
@keyframes tin{from{opacity:0;transform:translate(-50%,10px)}}
.modal-bg{position:fixed;inset:0;background:rgba(14,20,36,.55);z-index:60;display:grid;place-items:center;padding:20px}
.modal{background:var(--surface);border-radius:18px;max-width:640px;width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:28px}
.modal h3{margin-bottom:14px;font-size:1.35rem}
.email{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.email .eh{background:var(--bg);padding:12px 16px;font-size:.88rem;border-bottom:1px solid var(--line)}
.email .eb{padding:16px;white-space:pre-wrap;font-size:.93rem}
.modal input.sig{font:italic 600 1.6rem var(--display);border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;padding:6px 2px;box-shadow:none}
.plans{display:grid;gap:10px}
.legal h4{margin:16px 0 6px}
.legal p{color:var(--muted);font-size:.93rem}
.demo-switch{background:var(--warn-soft);color:var(--warn);border-bottom:1px solid #F0D9A8;padding:7px 24px;font-size:.84rem;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.demo-switch button{background:none;border:0;color:var(--ink);font-weight:700;cursor:pointer;text-decoration:underline;padding:0}
.iframe-demo{width:100%;height:100%;border:0;background:#fff;display:block}
.loading{position:fixed;top:0;left:0;height:3px;background:var(--brand);z-index:80;animation:load 1.2s ease-in-out infinite;width:40%}
@keyframes load{0%{left:-40%}100%{left:100%}}
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--surface);border-top:1px solid var(--line);padding:10px 18px;box-shadow:0 -8px 24px -16px rgba(14,20,36,.35);font-size:.85rem}
@media(max-width:700px){.fab-hide-sm{display:none!important}.cookies{justify-content:space-between;padding:8px 14px}}
@media(max-width:560px){.cookies{left:12px;right:12px;bottom:84px;max-width:none;padding:12px 14px}.cookies p{display:none}}
.notice{background:var(--brand-soft);color:var(--brand-ink);border-radius:12px;padding:12px 16px;font-size:.93rem;margin-bottom:20px}
.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.items-edit td{padding:4px 4px}
.items-edit input{padding:7px 9px}
.kv{display:grid;grid-template-columns:170px 1fr;gap:8px 16px;font-size:.94rem}
.kv dt{color:var(--muted)}.kv dd{margin:0}
@media(max-width:560px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}}
.donesteps{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
.donesteps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.donesteps li b.n{width:34px;height:34px;border-radius:10px;border:2px solid var(--ink);display:grid;place-items:center;font:800 .95rem var(--display)}
.donesteps li.ok b.n{background:var(--ok);border-color:var(--ok);color:#fff}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tstate{display:flex;gap:0;margin:6px 0 18px;flex-wrap:wrap}
.tstate span{font-size:.82rem;font-weight:700;color:var(--muted);padding:6px 12px;border:1px solid var(--line);background:var(--surface)}
.tstate span:first-child{border-radius:999px 0 0 999px}.tstate span:last-child{border-radius:0 999px 999px 0}
.tstate span + span{border-left:0}
.tstate span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tstate span.past{background:var(--ok-soft);color:var(--ok)}
.hours{display:flex;align-items:center;gap:12px}
.hours .progress{flex:1}

/* ---- App (paneles) ---- */
.apptop{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.apptop .in{display:flex;align-items:center;gap:14px;height:60px;padding:0 20px}
.apptop .logo{font-size:1.15rem;color:var(--ink)}
.apptop .ctx{font-size:.84rem;color:var(--muted);font-weight:600;border-left:1px solid var(--line);padding-left:14px;white-space:nowrap}
.apptop .right{margin-left:auto;display:flex;gap:10px;align-items:center;position:relative}
.gsearch{position:relative;flex:1;max-width:440px;margin-left:8px}
.gsearch input{padding:8px 12px 8px 36px;border-radius:10px;background:var(--bg);border-color:transparent}
.gsearch input:focus{background:#fff}
.gsearch > svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}
.gresults{position:absolute;top:46px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -24px rgba(14,20,36,.45);max-height:440px;overflow:auto;z-index:50;padding:6px}
.gresults button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:9px 10px;cursor:pointer}
.gresults button:hover,.gresults button:focus{background:var(--bg)}
.gresults .kind{font-size:.75rem;font-weight:700;color:var(--muted);width:74px;flex:none}
.gresults .empty{padding:16px}
.avbtn{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}
.avbtn .avatar{width:36px;height:36px;font-size:.85rem}
.menu{position:absolute;right:0;top:50px;width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -24px rgba(14,20,36,.45);padding:6px;z-index:50}
.menu .who{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.menu button,.menu a{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 12px;cursor:pointer;color:var(--ink);text-decoration:none;font-size:.93rem}
.menu button:hover,.menu a:hover{background:var(--bg)}
.app{min-height:calc(100vh - 60px)}
.side{position:sticky;top:60px;height:calc(100vh - 60px);overflow:auto}
.side.dark{background:var(--dark);border-color:var(--dark-line)}
.app.adm{background:linear-gradient(90deg,var(--dark) 250px,transparent 250px)}.app.cli{background:linear-gradient(90deg,var(--surface) 249px,var(--line) 249px,var(--line) 250px,transparent 250px)}
@media(max-width:860px){.app.adm,.app.cli{background:none}}
.side.dark .who{border-color:var(--dark-line)}
.side.dark .who strong{color:#fff}
.side.dark .who .muted{color:var(--dark-muted)}
.side.dark .avatar{background:rgba(124,110,255,.25);color:#C9C2FF}
.side.dark button.item{color:var(--dark-muted)}
.side.dark button.item:hover{background:var(--dark-2);color:#fff}
.side.dark button.item[aria-current="page"]{background:rgba(124,110,255,.22);color:#fff}
.side.dark .sep{color:#8A92AD}
.side .foot{font-size:.78rem;color:var(--muted);padding:10px 12px}
.side.dark .foot{color:#8A92AD}
.phead{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}
.phead h2{font-size:1.9rem}
.phead p{color:var(--muted);margin-top:4px;max-width:46em}
.phead .acts{display:flex;gap:8px;flex-wrap:wrap}
.tablewrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}
.table{width:100%;border-collapse:collapse;font-size:.92rem}
.table th{font-size:.78rem;font-weight:700;color:var(--muted);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap}
.table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table tbody tr:hover td{background:#FAFAFC}
.table .n{text-align:right;white-space:nowrap}
.table .sub{display:block;color:var(--muted);font-size:.84rem}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.kpi .k{color:var(--muted);font-size:.88rem}
.kpi .v{font:800 1.85rem/1.1 var(--display);letter-spacing:-.02em;margin-top:6px}
.kpi .d{font-size:.84rem;margin-top:6px;color:var(--muted)}
.kpi .d b{font-weight:700}
.kpi .d .up{color:var(--ok)}.kpi .d .down{color:var(--bad)}
.today .li{padding:12px 16px}
.today .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;font-weight:800;font-size:.85rem}
.today .ic.warn{background:var(--warn-soft);color:var(--warn)}.today .ic.blue{background:var(--brand-soft);color:var(--brand-ink)}.today .ic.ok{background:var(--ok-soft);color:var(--ok)}.today .ic.bad{background:var(--bad-soft);color:var(--bad)}
.chart{position:relative}
.chart svg{display:block;width:100%;height:230px;overflow:visible}
.chart .tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;font-size:.82rem;padding:6px 10px;border-radius:8px;transform:translate(-50%,-100%);white-space:nowrap;opacity:0;transition:opacity .1s;z-index:2}
.chart .tip b{display:block;font-family:var(--display)}
.chart details{margin-top:10px;font-size:.88rem}
.chart summary{cursor:pointer;color:var(--muted)}
.funnel{display:grid;gap:10px}
.funnel .row{display:grid;grid-template-columns:150px 1fr 48px;gap:12px;align-items:center;font-size:.92rem}
.funnel .bar{height:10px;border-radius:0 5px 5px 0;background:var(--brand)}
.funnel .track{background:var(--sunk);border-radius:5px;overflow:hidden}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--brand)}
.statusdot{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.statusdot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bad)}
.statusdot.on::before{background:var(--ok)}
.statusdot.mid::before{background:#E5A100}
.canned{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 0}
.canned button{border:1px dashed var(--line);background:#fff;border-radius:999px;padding:5px 11px;font-size:.8rem;cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canned button:hover{border-color:var(--brand);color:var(--brand-ink)}
.planedit{display:grid;grid-template-columns:1fr 110px 90px;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.planedit textarea{min-height:70px;grid-column:1/-1}
@media(max-width:860px){.apptop .ctx,.gsearch{display:none}.side{position:sticky;top:60px;height:auto}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.table td.n,.table td.nw,.table th{white-space:nowrap}.table td{vertical-align:middle}
.lines tr.disc td{color:var(--muted)}.lines tr.disc td.n{color:#B4283C}

.checks.three{grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.checks.three{grid-template-columns:1fr}}
.checkwrap{display:flex;flex-direction:column;gap:4px}.checkwrap .check{flex:1}
details.inc{font-size:.84rem;color:var(--muted);padding:0 4px}details.inc summary{cursor:pointer;color:var(--brand-ink);font-weight:600;list-style:none;display:inline-flex;gap:4px;align-items:center}details.inc summary::-webkit-details-marker{display:none}details.inc summary::before{content:'+';font-weight:800}details.inc[open] summary::before{content:'–'}details.inc p{margin:6px 0 4px;line-height:1.5}
.included{background:var(--ok-soft,#E7F6F0);border-radius:14px;padding:14px 18px;margin:16px 0 4px}.included strong{display:block;margin-bottom:6px}.included ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px;font-size:.9rem}.included li{display:flex;gap:6px;align-items:flex-start}.included svg{flex:none;margin-top:3px;color:#077556}@media(max-width:640px){.included ul{grid-template-columns:1fr}}
.promo{display:inline-flex;gap:6px;align-items:center;background:#FFF4D6;color:#7A5200;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700;margin-bottom:6px}.promo svg{width:14px;height:14px}

.kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#B7AEFF;margin-bottom:14px}
.block.slim{padding:28px 0}
.express-band{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:22px;padding:26px 30px;background:linear-gradient(120deg,#F3F1FF,#fff 60%)}
.express-band h2{margin:8px 0 6px;font-size:1.6rem}.express-band p{margin:0;max-width:38em;color:var(--muted)}.express-band .pill{background:var(--brand);color:#fff}
.express-price{display:grid;justify-items:start;gap:4px}.express-price b{font:800 2rem var(--display)}.express-price span{color:var(--muted);font-size:.85rem;margin-bottom:6px}
.inc-list details{border-bottom:1px solid var(--line)}.inc-list summary{display:flex;justify-content:space-between;gap:12px;padding:10px 0;cursor:pointer;list-style:none}.inc-list summary::-webkit-details-marker{display:none}.inc-list summary span::before{content:'+ ';color:var(--brand);font-weight:800}.inc-list details[open] summary span::before{content:'– '}.inc-list p{margin:0 0 12px;font-size:.88rem;color:var(--muted);line-height:1.55}.inc-list .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.vs{overflow-x:auto}.vs table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:620px}.vs th,.vs td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.vs thead th{background:var(--bg);font:700 .95rem var(--display)}.vs thead th:nth-child(2){color:var(--brand)}.vs tbody th{font-weight:600;width:22%}.vs td svg{width:15px;height:15px;vertical-align:-2px;margin-right:4px}.vs tr:last-child th,.vs tr:last-child td{border-bottom:0}
.gcard{display:flex;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}.gcard:hover{border-color:#CFC9FF;box-shadow:0 6px 20px rgba(14,20,36,.06)}.gcard img{width:84px;height:56px;object-fit:cover;border-radius:10px;flex:none;background:var(--bg)}.gcard .gcard-logo{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);font:800 1.4rem var(--display);flex:none}.gcard .gcard-txt{flex:1;display:grid;gap:2px;min-width:0}.gcard small{color:var(--muted);font-size:.75rem}.gcard strong{font-size:1rem}.gcard .gcard-txt span{color:var(--muted);font-size:.88rem}.gcard.compact{padding:10px 14px}.gcard.compact img{width:56px;height:38px}.gcard.compact .gcard-txt span{display:none}
@media(max-width:640px){.gcard{flex-wrap:wrap}.gcard .btn{width:100%}}
footer .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}footer nav{display:flex;flex-direction:column;gap:7px;font-size:.9rem}footer nav strong{color:var(--ink);margin-bottom:4px}footer nav a,footer .legal a{color:var(--muted);text-decoration:none}footer nav a:hover,footer .legal a:hover{color:var(--brand-ink);text-decoration:underline}
footer .fbottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}footer .fbottom p{margin:0}footer .fad{margin-top:20px}
@media(max-width:860px){footer .fgrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){footer .fgrid{grid-template-columns:1fr}}

.chatbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.chatbar .filters{margin:0}
.chatctx{padding:8px 18px;border-bottom:1px solid var(--line);background:var(--bg);font-size:.88rem;display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.daysep{text-align:center;margin:10px 0 4px;font-size:.75rem;color:var(--muted)}.daysep span{background:var(--bg);padding:3px 10px;border-radius:999px;border:1px solid var(--line)}
.msg a{color:inherit;text-decoration:underline}.msg .attimg img{display:block;max-width:260px;max-height:220px;border-radius:10px;margin-top:8px;border:1px solid rgba(0,0,0,.08)}
.msg.internal{background:#FFF7DB;color:#5C4400;border:1px dashed #E8C766}.msg.internal .who{color:#8A6A00}
.msg .seen{font-size:.72rem;opacity:.75;text-align:right;margin-top:4px}
.msgact{display:inline-block;margin-top:6px;background:none;border:0;padding:0;font-size:.75rem;color:var(--brand-ink);cursor:pointer;font-weight:600;opacity:0;transition:opacity .15s}.msg:hover .msgact,.msgact:focus{opacity:1}div.msgact{opacity:.8;color:var(--muted);cursor:default}
.composer.note textarea{background:#FFFBEA;border-color:#E8C766}.composer .notetoggle{display:flex;gap:6px;align-items:center;font-size:.82rem;font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer}
.composer.drop{outline:2px dashed var(--brand);outline-offset:-4px;background:var(--brand-soft)}

.refer{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.refer h3{margin-bottom:4px}.refcode{display:flex;gap:8px;align-items:center}.refcode code{font:800 1.2rem var(--display);background:var(--brand-soft);color:var(--brand-ink);padding:8px 14px;border-radius:10px;letter-spacing:.04em}
.video{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;margin-bottom:16px;background:#000}.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}.video video{background:#F3F4FA;object-fit:contain}
ol.guide{padding-left:20px;display:grid;gap:10px;line-height:1.55;margin:0 0 14px}ol.guide code{background:var(--bg);padding:1px 6px;border-radius:6px;font-size:.88em}

.btn.rsfxr{width:100%;justify-content:center;gap:10px;background:#111;color:#fff;border:0;text-decoration:none}.btn.rsfxr:hover{background:#000}.rsx{width:22px;height:22px;border-radius:6px;background:#fff;color:#111;display:grid;place-items:center;font:800 .8rem var(--display)}
.orsep{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.85rem}.orsep::before,.orsep::after{content:'';flex:1;height:1px;background:var(--line)}
/* 404 */
.nf{max-width:620px;margin:40px auto;text-align:center}.nf-code{font:800 6rem/1 var(--display);background:linear-gradient(135deg,var(--brand),#9C8CFF);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.nf h2{font-size:1.8rem;margin-bottom:8px}.nf-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
/* Express */
.express .ex-head{max-width:760px;margin:10px 0 26px}.express .ex-head h1{font:800 clamp(2rem,4vw,2.8rem)/1.1 var(--display);margin:12px 0}.express .ex-head .pill{background:var(--brand);color:#fff}
.ex-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}@media(max-width:900px){.ex-grid{grid-template-columns:1fr}}
.ex-side .flist li{align-items:flex-start}.flist.nope .x{width:18px;height:18px;border-radius:50%;background:#FBE4E6;color:#B4283C;display:grid;place-items:center;font-size:.65rem;font-weight:800;flex:none;margin-top:2px}
.plans.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:640px){.plans.two{grid-template-columns:1fr}}
.delivered{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:var(--ok-soft,#E7F6F0);border-radius:14px;padding:14px 16px;margin-top:14px}
.excard.urgent{border-color:#F2B8BE;box-shadow:0 0 0 3px #FCE9EB}.exdetail{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.extexts{white-space:pre-wrap;font:inherit;background:var(--bg);padding:10px 12px;border-radius:10px;max-height:260px;overflow:auto;margin:0}.exdeliver{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}@media(max-width:760px){.exdeliver{grid-template-columns:1fr}}
/* Informes */
.report h4{margin:18px 0 8px}.rhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.rstats .stat .v{font-size:1.6rem}.rstats .up{color:#077556;font-size:.85rem}.rstats .down{color:#B4283C;font-size:.85rem}
.rlist{list-style:none;margin:0;padding:0}.rlist li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.92rem}.rlist li svg{width:15px;height:15px;vertical-align:-2px;margin-right:4px}
.mtasks{display:flex;gap:8px;flex-wrap:wrap}.mtasks label{display:inline-flex;gap:4px;align-items:center;font-size:.82rem;white-space:nowrap}
/* Anuncios */
.gcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:18px;align-items:start}.gcard-grid>.panel{margin:0}.gcard-admin.off{opacity:.65}.gcard-stats{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;margin-top:10px;font-size:.9rem}
/* Blog */
.mdbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.mdtext{width:100%;min-height:420px;font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.mdprev{min-height:420px;border:1.5px solid var(--line);border-radius:10px;padding:16px 20px}
.post-body h2{font-size:1.5rem;margin:26px 0 10px}.post-body h3{font-size:1.2rem;margin:20px 0 8px}.post-body p{line-height:1.75;margin:0 0 14px}.post-body ul{padding-left:22px;margin:0 0 14px;line-height:1.7}.post-body img{max-width:100%;border-radius:12px;margin:10px 0}.post-body blockquote{border-left:4px solid var(--brand);margin:16px 0;padding:6px 16px;color:var(--muted)}.post-body a{color:var(--brand-ink)}
.serp{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:arial,sans-serif}.serp .su{font-size:12px;color:#4d5156}.serp .st{color:#1a0dab;font-size:18px;margin:2px 0}.serp .sd{color:#4d5156;font-size:13px;line-height:1.5}
/* Ajustes */
.autos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:760px){.autos{grid-template-columns:1fr}}.auto{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.auto input{margin-top:3px;accent-color:var(--brand)}.auto small{display:block;color:var(--muted);font-size:.83rem;margin-top:2px}.auto:has(input:checked){border-color:#CFC9FF;background:#FAF9FF}
.chip input{accent-color:var(--brand);margin-right:4px}

.cat li a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.cat li a:hover{color:var(--brand);border-color:currentColor}
.sec-head p a{color:var(--brand);text-decoration:none;font-weight:500}.sec-head p a:hover{text-decoration:underline}

/* ---------- Páginas públicas (site.php) ---------- */
.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px}.skip:focus{left:12px}
body.pg .top .btn.sm{padding:8px 14px}
a.logo{text-decoration:none}
a.fab{text-decoration:none}
.pg-hero{padding:56px 0 46px;background:radial-gradient(800px 380px at 92% 0%,rgba(75,59,255,.10),transparent 70%),var(--surface);border-bottom:1px solid var(--line)}
.pg-hero h1{font-size:clamp(2.1rem,4.2vw,3.3rem);max-width:17em}
.pg-hero .lead{font-size:1.15rem;color:var(--muted);max-width:38em;margin:16px 0 24px}
.pg-heroin{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
@media(max-width:820px){.pg-heroin{grid-template-columns:1fr}}
.pg-price{display:grid;gap:2px;padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:var(--bg);min-width:220px}
.pg-price b{font:800 2.4rem/1.05 var(--display);letter-spacing:-.03em}.pg-price span{color:var(--muted);font-size:.9rem}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--brand)}
.pg-h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:18px}
.pg-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:48px}.pg-sec h2{font-size:clamp(1.5rem,2.6vw,2rem)}
@media(max-width:820px){.pg-sec{grid-template-columns:1fr;gap:18px}}
body.pg section.block{padding:64px 0}
.prose{font-size:1.05rem;line-height:1.7}.prose p{margin:0 0 1em;color:#2A3146}.prose a{color:var(--brand)}.prose h2{font-size:1.6rem;margin:1.6em 0 .6em}.prose h3{font-size:1.25rem;margin:1.4em 0 .5em}
.prose ul{padding-left:1.2em;margin:0 0 1em}.prose li{margin:.3em 0}.prose blockquote{margin:1.2em 0;padding:4px 0 4px 18px;border-left:3px solid var(--brand);color:var(--muted)}.prose img{max-width:100%;height:auto;border-radius:14px}
.prose .cover{margin-bottom:24px}
.wrap.narrow{max-width:780px}
.pg-checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.pg-checks li{position:relative;padding-left:28px}
.pg-checks li::before{content:"";position:absolute;left:0;top:.25em;width:18px;height:18px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.pg-checks.big{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;font-size:1.05rem}@media(max-width:700px){.pg-checks.big{grid-template-columns:1fr}}
.pg-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:s}
.pg-steps li{counter-increment:s;display:grid;gap:6px;align-content:start}.pg-steps li::before{content:counter(s);width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:8px}
.pg-steps span{color:var(--muted);font-size:.95rem}@media(max-width:900px){.pg-steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pg-steps{grid-template-columns:1fr}}
.pg-rel,.pg-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:860px){.pg-rel,.pg-posts{grid-template-columns:1fr}}
.pg-card,.pg-post{display:grid;gap:8px;align-content:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.pg-card:hover,.pg-post:hover{border-color:var(--brand);transform:translateY(-2px)}.pg-card span,.pg-post span{color:var(--muted);font-size:.93rem}.pg-card strong,.pg-post strong{font:700 1.15rem/1.25 var(--display)}
.pg-post img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px}
.pg-table{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.pg-table table{width:100%;border-collapse:collapse;min-width:600px}.pg-table th,.pg-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.pg-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg)}
.pg-table tbody th a{font-weight:700;color:var(--ink);text-decoration:none}.pg-table tbody th a:hover{color:var(--brand)}.pg-table tbody th span{display:block;font-weight:400;color:var(--muted);font-size:.9rem;margin-top:3px}
.pg-table .n{text-align:right;white-space:nowrap}.pg-table tr:last-child>*{border-bottom:0}
.pg-inc{margin:28px 0;padding:22px 24px;border-radius:16px;background:#E6F7F0}.pg-inc strong{display:block;margin-bottom:12px}.pg-inc .pg-checks{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.pg-inc .pg-checks{grid-template-columns:1fr}}
.pg-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}@media(max-width:860px){.pg-2{grid-template-columns:1fr}}
.pg-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.pg-line small{display:block;color:var(--muted);font-size:.85rem;margin-top:3px}.pg-line b{white-space:nowrap}
.pg-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:12px}@media(max-width:980px){.pg-plans{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pg-plans{grid-template-columns:1fr}}
.pg-plan{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--bg);display:grid;gap:10px;align-content:start}.pg-plan b{font:800 1.8rem/1 var(--display)}.pg-plan b small{font:500 .85rem var(--body);color:var(--muted)}.pg-plan .pg-checks{font-size:.92rem}
.pg-faq{max-width:none}
.nf-h{font-size:clamp(1.8rem,3.4vw,2.4rem);margin:6px 0 10px}
.pg-btns{display:flex;gap:10px;flex-wrap:wrap}
.chatbar input[type=search]{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface);font:inherit;color:inherit}.chatbar input[type=search]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(75,59,255,.15)}
.tfa-qr{width:200px;height:200px;margin:8px 0 12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px}.tfa-qr svg{width:100%;height:100%;display:block}
.tfa-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.tfa-codes code{display:block;text-align:center;padding:10px;border:1px dashed var(--line);border-radius:10px;font-size:1.05rem;letter-spacing:.08em;background:var(--bg)}
.steps-list{padding-left:1.2em;margin:8px 0}
.work.real .shot-img{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--surface);margin-bottom:12px}
.work.real .shot-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s}
.work.real a.shot-img:hover img{transform:scale(1.03)}
.wtags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.wtags span{font-size:.78rem;padding:3px 9px;border-radius:999px;background:var(--brand-soft,#EEECFF);color:var(--brand)}
.stars{color:#F5A623;letter-spacing:.06em}.stars span{color:#D9DCE5}
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:900px){.reviews{grid-template-columns:1fr}}
.review{margin:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--bg);display:grid;gap:10px;align-content:start}
.review blockquote{margin:0;font-size:1.02rem;line-height:1.6}.review figcaption{font-size:.9rem;color:var(--muted)}.review figcaption strong{color:var(--ink)}
.starpick{display:flex;gap:4px;flex-direction:row-reverse;justify-content:flex-end}.starpick input{position:absolute;opacity:0;width:1px;height:1px}
.starpick label{font-size:2rem;line-height:1;color:#D9DCE5;cursor:pointer;padding:2px}.starpick input:checked~label,.starpick label:hover,.starpick label:hover~label{color:#F5A623}
.starpick input:focus-visible+label{outline:2px solid var(--brand);border-radius:6px}
.pg-wt{font:700 1.15rem/1.25 var(--display);margin:4px 0 6px}
.qtpl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0}.qtpl-i{display:inline-flex;align-items:center}.qtpl-i .chip{border-top-right-radius:0;border-bottom-right-radius:0}.qtpl-x{border:1px solid var(--line);border-left:0;background:var(--surface);border-radius:0 999px 999px 0;padding:6px 10px;cursor:pointer;color:var(--muted)}.qtpl-x:hover{color:var(--bad)}
a.item{text-decoration:none}
.pg-cats{margin-top:20px}.pg-cats a.chip{text-decoration:none;color:inherit}.pg-cats a.chip[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pg-kicker{margin:0 0 10px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pg-kicker a{color:var(--brand);text-decoration:none}
.prose ol{padding-left:1.4em;margin:0 0 1em}.prose ol li{margin:.4em 0;padding-left:.2em}.prose li::marker{color:var(--brand);font-weight:700}
.prose h2{scroll-margin-top:90px}.prose strong{color:var(--ink)}
.prose .note{padding:14px 18px;border-radius:14px;background:var(--brand-soft);margin:1em 0}
/* ---------- Editor de contenidos ---------- */
.se-wrap{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}
.se-nav{display:grid;gap:4px;position:sticky;top:84px}
.se-nav button{text-align:left;background:none;border:0;border-radius:10px;padding:10px 12px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.se-nav button:hover{background:var(--sunk);color:var(--ink)}.se-nav button[aria-current="true"]{background:var(--brand-soft);color:var(--brand-ink)}
.se-sec{padding-bottom:12px}.se-sec .field{position:relative}
.secount{position:absolute;right:2px;top:2px;font-size:.75rem;color:var(--muted)}
.se-group{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 16px;min-width:0}
.se-group legend{font-weight:700;padding:0 6px}
.se-img{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.se-img img,.se-noimg{width:132px;height:88px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--sunk)}
.se-noimg{display:grid;place-items:center;font-size:.85rem;color:var(--muted)}
.se-img-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.se-file{position:relative;overflow:hidden;cursor:pointer}.se-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.se-file:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.se-price{display:flex;align-items:center;gap:8px;max-width:200px}.se-price span{font-weight:600}
.se-tools{display:flex;gap:6px;margin:0 0 6px}
.se-hours{display:grid;gap:6px}
.se-day{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}
.se-day .check{padding:7px 10px}
.se-slots{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.se-slot{display:inline-flex;gap:6px;align-items:center}.se-slot input{width:auto;padding:7px 8px}
.se-list .se-item{border:1px solid var(--line);border-radius:12px;margin:0 0 8px;background:var(--surface)}
.se-item-head{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px}
.se-item-t{flex:1;text-align:left;background:none;border:0;font:inherit;font-weight:600;padding:9px 10px;cursor:pointer;border-radius:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-item-t::before{content:'▸';display:inline-block;margin-right:8px;color:var(--muted);transition:transform .15s}.se-item-t[aria-expanded="true"]::before{transform:rotate(90deg)}
.se-item-t:hover{background:var(--sunk)}
.se-item-acts{display:flex;gap:2px;flex:none}
.se-item-body{padding:4px 14px 6px;border-top:1px solid var(--line)}
.se-bar{position:relative;z-index:20;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:20px;padding:14px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px rgba(14,20,36,.08)}
.se-bar>span{display:grid;gap:2px}.se-bar .acts{display:flex;gap:8px;flex-wrap:wrap}
.se-bar.dirty{position:sticky;bottom:12px;background:var(--dark);color:#fff;border-color:var(--dark)}.se-bar.dirty .muted{color:var(--dark-muted)}
.se-bar.dirty .btn.ghost{background:transparent;color:#fff;border-color:var(--dark-line)}
.sb-sec{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 14px;background:var(--bg)}
.sb-field{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;background:var(--surface)}
.sb-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:10px}.sb-grid .field,.sb-grid2 .field{margin:0}
.sb-grid2{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:8px}.sb-grid2:has(> .field + .field){grid-template-columns:1.4fr 1fr auto}
.sb-acts{display:flex;gap:6px;align-items:center}.sb-acts .check{padding:6px 10px}
.sb-sub{margin-top:10px;padding:10px 12px;border-left:3px solid var(--brand-soft)}
.codebox{background:var(--dark);color:#E6E9F2;border-radius:12px;padding:14px 16px;overflow:auto;font-size:.82rem;line-height:1.55;max-height:420px;white-space:pre}
@media(max-width:860px){.se-wrap{grid-template-columns:1fr}.se-nav{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}.se-nav button{white-space:nowrap;border:1.5px solid var(--line)}
  .se-day{grid-template-columns:1fr}.sb-grid,.sb-grid2,.sb-grid2:has(> .field + .field){grid-template-columns:1fr 1fr}.se-bar{bottom:8px}.se-bar .acts{width:100%}.se-bar .acts .btn{flex:1}}
/* ---------- Portada: editor en vivo ---------- */
.edshow{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:28px;align-items:center}
.edshow-ed{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(14,20,36,.08)}
.edshow-h{display:grid;gap:2px;margin-bottom:14px}
.edd-ph{display:flex;gap:8px}.edd-ph button{flex:1;height:54px;border-radius:10px;border:2px solid transparent;cursor:pointer;display:flex;align-items:flex-end;padding:5px 7px;color:#fff;font:600 .75rem/1 var(--sans,inherit);text-shadow:0 1px 2px rgba(0,0,0,.4)}
.edd-ph button[aria-checked="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.edshow-web .browser{box-shadow:0 24px 60px rgba(14,20,36,.14)}
.edp{position:relative;background:#FFFBF5;color:#3A2618;font-size:14px;min-height:340px}
.edp-top{display:flex;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid #EFE3D3}.edp-top b{margin-right:auto;font-size:16px;letter-spacing:-.01em}.edp-top span{font-size:13px;opacity:.75}
.edp-av{background:#3A2618;color:#FFF3E2;text-align:center;font-weight:600;font-size:13px;padding:8px 14px}
.edp-hero{padding:46px 24px 30px;color:#fff;transition:background .4s}
.edp-hero h4{font:800 clamp(20px,2.4vw,30px)/1.1 var(--display,inherit);letter-spacing:-.02em;max-width:16em;margin:10px 0 0;text-shadow:0 2px 10px rgba(0,0,0,.25);word-break:break-word}
.edp-open{display:inline-block;background:rgba(255,255,255,.92);color:#1B6B46;font-weight:700;font-size:12px;border-radius:999px;padding:4px 10px}
.edp-menu{padding:14px 24px 22px;display:grid;gap:0}.edp-menu div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #E7D6C2}.edp-menu b{white-space:nowrap}
.edp-pub{position:absolute;right:16px;bottom:16px;background:#0B1020;color:#9DF0D2;font-weight:700;font-size:13px;border-radius:999px;padding:9px 14px;animation:edpub .3s ease-out}
@keyframes edpub{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.edp-pub{animation:none}.edp-hero{transition:none}}
.edshow-pts{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.edshow-pts li{display:flex;gap:10px;align-items:flex-start}.edshow-pts li svg{flex:none;margin-top:2px}.edshow-pts strong{display:block}.edshow-pts span{color:var(--muted);font-size:.95rem}.edshow-pts span strong{color:var(--ink)}
@media(max-width:900px){.edshow{grid-template-columns:1fr}.edshow-pts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.edshow-pts{grid-template-columns:1fr}}
.edshow-web .browser .view{height:auto}
/* ---------- Ficha de la web ---------- */
.bf-sec .field{max-width:720px}
.bf-choice{border:0;padding:0;margin:0 0 16px;display:grid;gap:8px;max-width:720px}.bf-choice legend{font-weight:600;margin-bottom:8px;padding:0}
.bf-secret{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1.5px dashed var(--line);border-radius:10px;background:var(--bg)}
.bf-row{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.bf-row:last-child{border-bottom:0}
.bf-l{color:var(--muted);font-size:.92rem}
.bf-secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.bf-secs .check{padding:8px 10px}
@media(max-width:640px){.bf-row{grid-template-columns:1fr;gap:4px}}
.bf-nav{position:sticky;top:60px;z-index:6;background:var(--bg);padding:10px 0;margin:0 0 6px;flex-wrap:nowrap;overflow-x:auto}.bf-nav .chip{white-space:nowrap;text-decoration:none;color:inherit}.bf-sec{scroll-margin-top:130px}
/* ---------- Correo del cliente ---------- */
.mb-dl{display:grid;gap:8px}
.mb-opt{display:grid;gap:2px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:var(--surface)}
a.mb-opt:hover{border-color:var(--brand)}.mb-opt span{color:var(--muted);font-size:.88rem}.mb-opt summary{display:grid;gap:2px;cursor:pointer;list-style:none}.mb-opt summary::-webkit-details-marker{display:none}
/* ---------- Editor 3.0 ---------- */
.se-focal{position:relative;padding:0;border:0;background:none;cursor:crosshair;border-radius:10px;line-height:0}
.se-focal img{width:180px;height:110px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.se-focal i{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--brand),0 2px 6px rgba(0,0,0,.4);pointer-events:none}
.se-vthumb{display:block;width:200px;border-radius:10px;margin-top:8px;border:1px solid var(--line)}
.se-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,44%);gap:20px;align-items:start}
.se-split .se-wrap{grid-template-columns:180px 1fr}
.se-side{position:sticky;top:76px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);height:calc(100vh - 200px);display:flex;flex-direction:column}
.se-side-h{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.se-side iframe{flex:1;width:100%;border:0;background:#fff}.se-side-empty{flex:1;display:grid;place-items:center;color:var(--muted)}
.se-sched .li,.se-note{margin-bottom:12px}.se-note{border-color:var(--warn)}
.se-diff{display:grid;gap:14px;max-height:60vh;overflow:auto}.se-diff-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.se-diff-cols>div{background:var(--bg);border-radius:10px;padding:10px 12px;min-width:0}.se-diff-cols p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}.se-diff-cols img{display:block;width:100%;max-height:140px;object-fit:cover;border-radius:8px;margin-top:6px}
@media(max-width:640px){.se-diff-cols{grid-template-columns:1fr}}
.se-split .se-wrap{grid-template-columns:1fr}.se-split .se-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}.se-split .se-nav button{border:1.5px solid var(--line)}
.pg-novat{display:block;font-size:.78rem;font-weight:500;color:var(--muted)}
.about{display:flex;gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px 32px;max-width:900px}
.about img{width:120px;height:120px;border-radius:50%;object-fit:cover;flex:none}.about h2{font-size:1.6rem;margin:4px 0 8px}.about h2 span{display:block;font-size:1rem;font-weight:600;color:var(--muted);margin-top:4px;letter-spacing:0}
@media(max-width:600px){.about{flex-direction:column;align-items:flex-start;padding:22px}}
/* ---------- Menú en el móvil ---------- */
.navt{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.menu-btn{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;margin-left:6px;order:3}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
@media(max-width:980px){
  .top .wrap{position:relative}.menu-btn{display:flex}
  .navt:checked ~ .nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 14px 30px -12px rgba(14,20,36,.3);padding:8px 16px 14px;z-index:60}
  .top.dark .navt:checked ~ .nav{background:var(--dark-2);color:#fff;border-color:var(--dark-line)}
  .navt:checked ~ .nav > *{padding:12px 4px;border-bottom:1px solid var(--line);text-align:left;width:100%;font-size:1rem}
  .top.dark .navt:checked ~ .nav > *{border-color:var(--dark-line)}
}
.cfg-inc{margin-top:10px;font-size:.9rem}.cfg-inc .inc-list p{margin:8px 0}
[hidden]{display:none!important}
@media(max-width:640px){
  .vs table,.vs tbody,.vs tr,.vs td,.vs th{display:block;width:100%}.vs thead{display:none}
  .vs tr{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;background:var(--surface)}
  .vs tbody th,.vs td:first-child{font-weight:700;padding:0 0 6px;border:0}
  .vs td{border:0;padding:4px 0}.vs td:nth-child(2)::before{content:'Kiuron: ';font-weight:700;color:var(--brand)}.vs td:nth-child(3)::before{content:'Creador con IA: ';font-weight:700;color:var(--muted)}
}
@media(max-width:640px){.vs table{min-width:0;border:0;background:none}}

.only-xs{display:none!important}
@media(max-width:480px){.hide-xs{display:none!important}.navt:checked ~ .nav .only-xs{display:block!important}.menu-btn{margin-left:2px}}
.cookies>span{flex:1 1 260px}.cookies .btn{flex:none}
@media(max-width:700px){.cookies{flex-wrap:nowrap;font-size:.8rem;gap:10px}.cookies>span{flex:1}}
@media(max-width:640px){.pg-table table{min-width:0}.pg-table thead{display:none}.pg-table tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}.pg-table tbody th{grid-column:1/-1;border:0;padding-bottom:4px}.pg-table td{border:0;padding-top:4px}}
.scan-list{display:grid;gap:12px;max-height:55vh;overflow:auto;margin:10px 0}.scan-list fieldset{border:1px solid var(--line);border-radius:12px;padding:8px 12px 12px;display:grid;gap:6px}.scan-list legend{font-weight:700;padding:0 6px}
.scan-list .check{padding:8px 10px}.scan-list small{display:block;margin-top:2px;word-break:break-word}
.sb-quick{margin-bottom:20px;border-color:var(--brand-soft);background:linear-gradient(180deg,var(--brand-soft),var(--surface) 70%)}.sb-quick .guide li{line-height:2.2}

/* ===== Diseños en venta ===== */
.dz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.dz-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line,#e6e6ef);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;padding-bottom:16px;transition:transform .15s,box-shadow .15s}
.dz-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,20,60,.10)}
.dz-card img,.dz-noimg{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top;background:#f1f1f7;display:block;margin-bottom:6px}
.dz-card>strong,.dz-card>.dz-sum,.dz-card>b,.dz-card>.dz-cat{padding:0 16px}
.dz-card>strong{font-size:1.08rem}
.dz-sum{color:var(--muted,#666);font-size:.92rem;line-height:1.45}
.dz-card>b{font-size:1.15rem;margin-top:auto}.dz-card s,.dz-price s{color:var(--muted,#888);font-weight:400;font-size:.9em}
.dz-card small{font-weight:400;color:var(--muted,#888);font-size:.75rem}
.dz-cat{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--brand,#4B3BFF);font-weight:600}
.dz-res,.dz-uni,.dz-sold{position:absolute;top:12px;right:12px;background:#111;color:#fff;font-style:normal;font-size:.75rem;padding:4px 10px;border-radius:99px}
.dz-uni{background:var(--brand,#4B3BFF)}.dz-res~.dz-uni{top:42px}
.dz-page{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:36px;align-items:start}
.dz-main img{width:100%;border-radius:14px;border:1px solid var(--line,#e6e6ef);display:block}
.dz-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.dz-thumbs button{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;width:92px}
.dz-thumbs button[aria-pressed=true]{border-color:var(--brand,#4B3BFF)}.dz-thumbs img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.dz-buy{position:sticky;top:90px}.dz-buy h1{font-size:1.6rem;margin:6px 0}
.dz-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:14px 0}.dz-price b{font-size:2rem}.dz-price span{width:100%}
.dz-buy form .btn.lg{margin-top:12px}.crumbs{margin-bottom:12px}
.dz-mine{display:grid;gap:16px}.dz-own{display:flex;gap:18px;align-items:flex-start}.dz-own img{width:180px;border-radius:10px;aspect-ratio:3/2;object-fit:cover}
.dz-th{width:64px;height:44px;object-fit:cover;border-radius:6px;margin-right:12px}
.dz-imgs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dz-im{width:150px}.dz-im img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block}.dz-im div{display:flex;justify-content:space-between}
@media(max-width:860px){.dz-page{grid-template-columns:1fr}.dz-buy{position:static}.dz-own{flex-direction:column}.dz-own img{width:100%}}
.dz-card img{height:auto}
.dz-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1100px;margin:0 auto}
.dz-gal a:first-child{grid-column:1/-1}
.dz-gal img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--line,#e6e6ef);display:block}
@media(max-width:700px){.dz-gal{grid-template-columns:repeat(2,1fr)}}
.dz-gal a:first-child img{aspect-ratio:auto;object-fit:contain;background:#fff}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
@media(max-width:760px){.row3{grid-template-columns:1fr}}
.dz-opts{border:0;padding:0;margin:0 0 12px;display:grid;gap:8px}
.dz-opts legend{font-weight:600;font-size:.9rem;margin-bottom:6px}
.dz-opt{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1px solid var(--line,#e6e6ef);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff}
.dz-opt:has(input:checked){border-color:var(--brand,#4B3BFF);background:var(--brand-soft,#f3f1ff)}
.dz-opt input{margin-top:3px}.dz-opt small{display:block;color:var(--muted,#666);font-size:.8rem;line-height:1.35;margin-top:2px}.dz-opt b{white-space:nowrap;font-size:.95rem}
.dz-coupon{margin:4px 0 12px;font-size:.9rem}.dz-coupon summary{cursor:pointer;color:var(--brand,#4B3BFF)}
.dz-coupon .iban input{border:0;background:transparent;font:inherit;min-width:0;flex:1;outline:none}
.dz-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line,#e6e6ef);padding:12px 0 6px;margin-bottom:6px}.dz-total b{font-size:1.4rem}
.dz-lics{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}.dz-lics li{border:1px solid var(--line,#e6e6ef);border-radius:12px;padding:10px 14px;background:#fff}.dz-lics span{display:block;color:var(--muted,#666);font-size:.88rem;margin-top:2px}
.dz-xrow{display:grid;grid-template-columns:1.3fr .6fr 2fr auto auto;gap:8px;align-items:center;margin-bottom:8px}
.dz-xrow input:not([type=checkbox]){width:100%;padding:9px 11px;border:1px solid var(--line,#ddd);border-radius:10px;font:inherit}
@media(max-width:760px){.dz-xrow{grid-template-columns:1fr 1fr}}

.logo-nudge{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0 4px}.logo-nudge svg{flex:none}
.logo-nudge.on{justify-content:flex-start}
.pg-about{display:flex;gap:22px;align-items:flex-start;margin-bottom:28px}.pg-about img{width:160px;height:160px;border-radius:18px;object-fit:cover;flex:none}@media(max-width:600px){.pg-about{flex-direction:column}}
/* Manual de tu web */
.man{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.man-toc{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}
.man-toc a{padding:7px 10px;border-radius:9px;color:var(--ink,#151826);text-decoration:none;font-size:.92rem}.man-toc a:hover{background:var(--bg,#F3F4FA)}
.man-q{width:100%;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:10px;font:inherit;margin-bottom:10px}
.man-ch{margin-bottom:12px;padding:0}.man-ch summary{cursor:pointer;padding:16px 20px;list-style:none;display:flex;align-items:center;justify-content:space-between}
.man-ch summary::-webkit-details-marker{display:none}.man-ch summary::after{content:'+';font-size:1.3rem;color:var(--muted,#888)}.man-ch[open] summary::after{content:'–'}
.man-ch summary h3{margin:0;font-size:1.08rem}.man-ch .prose{padding:0 20px 18px}.man-ch .actions-row{margin-top:12px}
@media(max-width:860px){.man{grid-template-columns:1fr}.man-toc{position:static;flex-direction:row;flex-wrap:wrap}.man-toc a{display:none}}

/* =====================================================================
   MÓVIL (3.4): barra inferior en el área, zonas táctiles, cookies y chat
   ===================================================================== */
.tabbar,.nav-scrim{display:none}
@media(max-width:860px){
  /* el menú lateral pasa a ser una hoja que sube desde abajo («Más») */
  .app .side{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:61;height:auto!important;max-height:78vh;overflow-y:auto;flex-direction:column!important;padding:14px 12px calc(84px + env(safe-area-inset-bottom));border:0!important;border-radius:20px 20px 0 0;box-shadow:0 -18px 40px rgba(14,20,36,.22);transform:translateY(105%);transition:transform .22s ease;visibility:hidden}
  .app.nav-open .side{transform:none;visibility:visible}
  .app .side .who{display:flex!important}.app .side .sep{display:block!important}.app .side .spacer{display:none!important}
  .app .side button.item svg,.app .side a.item svg{display:block!important}
  .app .side button.item,.app .side a.item{min-height:46px;width:100%!important;white-space:normal!important}
  .nav-scrim{display:block;position:fixed;inset:0;background:rgba(14,20,36,.38);z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}
  .app.nav-open .nav-scrim{opacity:1;pointer-events:auto}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:62;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .app.adm .tabbar{background:rgba(20,23,40,.97);border-color:var(--dark-line)}
  .tabbar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:6px 2px;border-radius:12px;color:var(--muted);font:600 .7rem var(--body,inherit);position:relative;cursor:pointer;min-height:52px}
  .tabbar button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .tabbar button svg{width:22px;height:22px}
  .tabbar button[aria-current="page"]{color:var(--brand)}
  .app.adm .tabbar button{color:var(--dark-muted)}.app.adm .tabbar button[aria-current="page"]{color:#fff}
  .tabbar .badge{position:absolute;top:2px;left:calc(50% + 6px);font-style:normal}
  .app .main{padding:20px 16px calc(96px + env(safe-area-inset-bottom))!important}
}
/* zonas táctiles cómodas (mínimo ~40–44 px) solo en pantallas táctiles pequeñas */
@media(max-width:700px){
  .btn.sm{min-height:40px;padding:9px 14px}
  .btn.link.sm,.btn.link.small{min-height:36px;display:inline-flex;align-items:center}
  footer nav{gap:0!important}footer nav a{display:block;padding:9px 0}footer .legal a{display:inline-block;padding:8px 0}
  .crumbs a,.crumbs span{padding:6px 0;display:inline-block}
  .faq summary,.pg-faq summary,.man-ch summary,details>summary{min-height:44px;padding-top:10px;padding-bottom:10px;align-items:center}
  .chip{min-height:38px}
  .check{min-height:44px}
  input[type=checkbox],input[type=radio]{width:20px;height:20px}
  .flist a.btn,.flist .btn{min-height:40px}
  .tablewrap{-webkit-overflow-scrolling:touch}
  table th a,table td a,.cat li a,.cat a{display:inline-block;padding:8px 0}
  /* el título de la portada no empuja el botón fuera de la pantalla */
  .hero h1{font-size:clamp(2rem,8.6vw,2.6rem)}
  .hero .lead{font-size:1.05rem;margin:18px 0 24px}
  .pg-hero h1{font-size:clamp(1.8rem,7.6vw,2.4rem)}
  /* aviso de cookies: una franja fina abajo que no tapa nada */
  .cookies{left:0!important;right:0!important;bottom:0!important;border-radius:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;font-size:.8rem;gap:10px;flex-wrap:nowrap!important}
  .cookies p{display:block!important;margin:0}
  .cookies .btn{flex:none}
  /* la burbuja del chat: solo el icono, en la esquina, y por encima del aviso de cookies */
  .fab{padding:0;width:56px;height:56px;justify-content:center;right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}
  .fab .fab-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fab .fab-i{display:block!important}.fab .on{position:absolute;top:10px;right:10px}
  body.has-cookies .fab{bottom:calc(122px + env(safe-area-inset-bottom))}
  /* manual: desplegable de capítulos en lugar del índice */
  .man-sel{display:block!important}
}
.man-sel{display:none;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;margin-bottom:10px;background:#fff}
.fab .fab-i{display:none}
@media(max-width:700px){
  table.inv-cards thead{display:none}
  table.inv-cards,table.inv-cards tbody,table.inv-cards tr,table.inv-cards td{display:block;width:100%}
  table.inv-cards tr{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;background:var(--surface)}
  table.inv-cards td{border:0!important;padding:4px 0!important;text-align:left!important;white-space:normal!important}
  table.inv-cards td[data-l]::before{content:attr(data-l);display:block;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
  table.inv-cards td:first-child{font-weight:700}
  table.inv-cards td:last-child{padding-top:8px!important}
}
.boot{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.boot .spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:bootspin .8s linear infinite}@keyframes bootspin{to{transform:rotate(360deg)}}