@font-face{font-family:"Titulares";src:url(/fonts/titulares.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Texto";src:url(/fonts/texto.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --lienzo:#eef2ec;--superficie:#fff;--suave:#e3eae2;--tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--linea-f:#9dada4;
  --acento:#17352c;--acento-h:#21483c;--acento-suave:#dfeee3;--ok:#17633a;--ok-s:#e3f3e8;--err:#a12312;--err-s:#fbe7e2;--logo-hueco:var(--lienzo);
  --r:12px;--r-g:22px;--ease:cubic-bezier(.23,1,.32,1);
  --tit:"Titulares","Segoe UI",system-ui,sans-serif;--txt:"Texto","Segoe UI",system-ui,sans-serif;--mono:ui-monospace,"Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--lienzo);color:var(--tinta);font:400 16px/1.55 var(--txt);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--tit);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid #17352c;outline-offset:2px;border-radius:4px}
.ico{width:20px;height:20px;flex:none}
.mono{font-family:var(--mono);font-size:.92em}
.rompe{overflow-wrap:anywhere}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.franja-prueba{background:var(--tinta);color:#fff;text-align:center;font-size:13px;padding:6px 12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:600 15px/1 var(--txt);text-decoration:none;cursor:pointer;background:none;color:inherit;transition:transform 160ms var(--ease),background-color 160ms ease,border-color 160ms ease;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.45;cursor:default}
.btn-gr{min-height:54px;padding:0 28px;font-size:17px}
.btn-ancho{width:100%}
.btn-tinta{background:var(--tinta);color:#fff}
.btn-acento{background:var(--acento);color:#fff}
.btn-linea{border-color:var(--linea-f);background:var(--superficie)}
.btn-claro{background:#fff;color:var(--tinta)}
@media (hover:hover) and (pointer:fine){
  .btn-tinta:hover{background:#21483c}
  .btn-acento:hover:not([disabled]){background:var(--acento-h)}
  .btn-linea:hover{border-color:var(--tinta)}
  .btn-claro:hover{background:var(--suave)}
}
.enlace{font-weight:600;text-decoration:none}
.enlace:hover{text-decoration:underline}
.enlace-btn{background:none;border:0;padding:8px 0;min-height:36px;font:600 14px var(--txt);color:var(--tinta-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.marca{display:inline-flex;align-items:center;gap:8px;font:700 20px var(--tit);letter-spacing:-.02em;text-decoration:none;color:var(--tinta)}
.logo-m{width:24px;height:24px;color:inherit;flex:none}
.marca span{line-height:1}

/* Web pública */
.cab{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.86);backdrop-filter:blur(10px);border-bottom:1px solid transparent}
.cab-in{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cab nav{display:flex;gap:26px;font-weight:500}
.cab nav a{text-decoration:none;color:var(--tinta-2)}
.cab nav a:hover{color:var(--tinta)}
.cab-acc{display:flex;align-items:center;gap:16px}
.hero{padding:clamp(40px,7vw,88px) 20px clamp(48px,7vw,96px)}
.hero-in{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.ante{font-weight:600;color:var(--acento-h);margin-bottom:14px}
.hero h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-.035em;line-height:1}
.hero h1 em{font-style:normal;color:var(--acento)}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--tinta-2);margin-top:20px;max-width:34em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-nota{margin-top:14px;font-size:14px;color:var(--tinta-2)}
.escena{position:relative;display:grid;grid-template-columns:auto 72px auto;align-items:center;justify-content:center;gap:6px;background:var(--suave);border-radius:var(--r-g);padding:clamp(28px,4vw,48px) clamp(16px,2vw,28px);min-height:420px}
.esc-qr{background:#fff;border-radius:16px;padding:10px;box-shadow:0 12px 30px -18px rgba(0,0,0,.35)}
.esc-qr img{width:clamp(120px,13vw,172px);height:auto}
.esc-et{display:block;text-align:center;font-size:13px;font-weight:600;padding:6px 0 2px}
.esc-ruta{width:72px;color:var(--acento)}
.esc-linea{animation:ruta 1.4s linear infinite}
@keyframes ruta{to{stroke-dashoffset:-20}}
.movil{width:clamp(150px,15vw,190px);aspect-ratio:9/18.5;background:var(--tinta);border-radius:28px;padding:7px;box-shadow:0 26px 50px -26px rgba(0,0,0,.55)}
.movil-p{position:relative;width:100%;height:100%;background:#fff;border-radius:22px;overflow:hidden}
.dest{position:absolute;inset:0;padding:30px 14px 14px;display:flex;flex-direction:column;gap:10px;transition:transform 520ms var(--ease),opacity 320ms ease}
.dest b{font:700 16px/1.15 var(--tit);margin-bottom:6px}
.dest i{display:block;height:9px;border-radius:5px;background:var(--suave)}
.dest i:nth-child(odd){width:72%}
.dest-b{background:var(--acento-suave);transform:translateX(100%)}
.dest-b i{background:#f6c8b6}
.escena.b .dest-a{transform:translateX(-24%);opacity:.4}
.escena.b .dest-b{transform:none}
.esc-cont{position:absolute;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,20px);background:#fff;border-radius:12px;padding:8px 14px;box-shadow:0 10px 24px -16px rgba(0,0,0,.4);font-size:12px;color:var(--tinta-2)}
.esc-cont b{display:block;font:700 22px/1.1 var(--tit);color:var(--tinta);font-variant-numeric:tabular-nums}
.sec{padding:clamp(56px,8vw,112px) 20px}
.sec-in{max-width:1180px;margin:auto}
.estrecho{max-width:760px}
.sec-tinta{background:var(--tinta);color:#fff}
.sec-tinta .lead{color:#cfcbc1}
.sec-suave{background:var(--suave)}
.tit{font-size:clamp(32px,4.4vw,56px);letter-spacing:-.03em}
.tit-c{text-align:center}
.pasos{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
.pasos span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--acento-suave);color:var(--acento-h);font:700 17px var(--tit);margin-bottom:18px}
.pasos h3{font-size:24px}
.pasos p{margin-top:8px;color:var(--tinta-2)}
.dos-col{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,88px);align-items:center}
.lista{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px}
.lista li{display:flex;gap:10px}
.tic{color:var(--acento)}
.movil-gr{width:min(280px,100%);justify-self:center;background:#2b2925}
.demo-p{padding:30px 18px 18px;color:var(--tinta)}
.dm-t{font:700 24px var(--tit);margin-bottom:12px}
.dm-i{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--linea);font-size:15px}
.dm-i small{display:block;color:var(--acento-h);font-size:12px}
.dm-ag span{color:var(--tinta-2)}
.dm-al{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.dm-al span{font-size:11px;background:var(--suave);padding:3px 8px;border-radius:99px}
.usos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--r-g);overflow:hidden;margin-top:44px}
.uso{background:var(--lienzo);padding:28px}
.uso h3{font-size:21px;margin-bottom:8px}
.uso p{color:var(--tinta-2)}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.galeria figure{margin:0;background:#fff;border-radius:14px;padding:8px;box-shadow:0 10px 26px -20px rgba(0,0,0,.4)}
.galeria img{width:100%;height:auto;border-radius:8px}
.galeria figcaption{text-align:center;font-size:13px;font-weight:600;padding:8px 0 2px}
.precio-arte{margin-top:18px;font-weight:600}
.ciclo{display:flex;width:max-content;margin:26px auto 34px;padding:4px;background:var(--suave);border-radius:999px}
.ciclo button{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:none;font:600 14px var(--txt);cursor:pointer;color:var(--tinta-2)}
.ciclo button.on{background:var(--tinta);color:#fff}
.planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.plan{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-g);padding:30px;display:flex;flex-direction:column}
.plan-dest{border:2px solid var(--tinta);position:relative}
.plan-et{position:absolute;top:-13px;left:26px;background:var(--tinta);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px}
.plan h3{font-size:26px}
.plan-para{color:var(--tinta-2);margin-top:4px}
.plan-precio{margin-top:20px;display:flex;align-items:baseline;gap:4px}
.plan-precio b{font:700 52px/1 var(--tit);letter-spacing:-.03em}
.plan-precio span{color:var(--tinta-2)}
.plan-nota{font-size:14px;color:var(--tinta-2);min-height:22px;margin-top:4px}
.plan ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px;flex:1}
.plan li{display:flex;gap:9px;font-size:15px}
.nota-c{text-align:center;font-size:14px;color:var(--tinta-2);margin-top:18px}
.preg{border-bottom:1px solid var(--linea-f)}
.preg summary{cursor:pointer;padding:20px 30px 20px 0;font:600 19px/1.3 var(--tit);list-style:none;position:relative}
.preg summary::-webkit-details-marker{display:none}
.preg summary::after{content:"+";position:absolute;right:2px;top:17px;font-size:24px;font-weight:400;transition:transform 160ms var(--ease)}
.preg[open] summary::after{transform:rotate(45deg)}
.preg p{padding:0 0 20px;color:var(--tinta-2)}
.cierre{background:var(--acento);color:#fff;padding:clamp(56px,8vw,104px) 20px;text-align:center}
.cierre h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.03em;margin-bottom:26px}
.cierre .btn-acento{background:var(--tinta)}
.pie{padding:30px 20px}
.pie-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--tinta-2)}
.pie-legal{display:flex;gap:18px;font-size:14px;color:var(--tinta-2)}
.rev{opacity:0;transform:translateY(14px);transition:opacity 500ms ease,transform 500ms var(--ease)}
.rev.vis{opacity:1;transform:none}
html:not(.js) .rev{opacity:1;transform:none}

/* Acceso */
.acceso{background:var(--suave)}
.acc{max-width:440px;margin:auto;padding:28px 16px 40px;min-height:100dvh;display:flex;flex-direction:column;gap:20px;justify-content:center}
.acc-m{text-align:center}
.acc-c{background:var(--superficie);border-radius:var(--r-g);padding:clamp(24px,5vw,36px)}
.acc-c h1{font-size:30px}
.acc-s{color:var(--tinta-2);margin-top:6px}
.acc-alt{font-size:15px;margin-top:14px;text-align:center}
.acc .pie-legal{justify-content:center}
.estado{max-width:520px;margin:auto;padding:16vh 20px;text-align:center}
.estado h1{font-size:32px;margin-bottom:12px}
.estado p{color:var(--tinta-2);margin-bottom:20px}
.host{font-family:var(--mono);color:var(--tinta)!important;overflow-wrap:anywhere}
.legal{max-width:720px;margin:auto;padding:30px 20px 60px}
.legal h1{font-size:38px;margin:24px 0 16px}
.legal h2{font-size:21px;margin:26px 0 8px}
.legal p,.legal ul{margin-bottom:10px}
.legal li{margin-bottom:6px}
.legal .acc-m{text-align:left}
.borrador{margin-top:30px;font-size:14px;color:var(--err)}

/* Formularios */
.form{display:grid;gap:16px;margin-top:20px}
.campo{display:grid;gap:5px;min-width:0}
.campo label{font-weight:600;font-size:14px}
.campo small{color:var(--tinta-2);font-size:13px}
input,select,textarea{font:inherit;font-size:16px;color:var(--tinta)}
.campo input,.campo select,.campo textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--linea-f);border-radius:var(--r);background:#fff}
.campo input[type=file]{padding:9px}
.casilla{display:flex;align-items:flex-start;gap:9px;font-size:14px}
.casilla input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#17352c}
.opc{display:flex;align-items:center;gap:10px;min-height:40px}
.opc input{width:18px;height:18px;accent-color:#17352c}
.form-fila{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}
.campo-web[hidden]{display:none}
.aviso{padding:12px 14px;border-radius:var(--r);font-weight:500;margin-bottom:16px}
.aviso-ok{background:var(--ok-s);color:var(--ok)}
.aviso-error{background:var(--err-s);color:var(--err)}
.acc-c .aviso{margin:16px 0 0}

/* Panel */
.panel{background:var(--lienzo)}
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}
.lat{position:sticky;top:0;height:100dvh;padding:20px 12px;border-right:1px solid var(--linea);display:flex;flex-direction:column;gap:22px;background:var(--superficie)}
.lat .marca{padding:0 8px}
.lat nav{display:grid;gap:2px}
.lat nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:10px;text-decoration:none;font-weight:500;color:var(--tinta-2)}
.lat nav a .logo-m{width:20px;height:20px;--logo-hueco:#fff}
.lat nav a[aria-current=page]{background:var(--suave);color:var(--tinta);font-weight:600}
@media (hover:hover) and (pointer:fine){.lat nav a:hover{background:var(--suave)}}
.nav-salir{display:none}
.lat-pie{margin-top:auto;padding:0 10px}
.lat-neg{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.princ{padding:clamp(18px,3vw,36px);max-width:1040px;width:100%;padding-bottom:110px}
.cab-pag{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.cab-pag h1{font-size:clamp(26px,3vw,34px);overflow-wrap:anywhere}
.franja{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r);background:var(--suave);margin-bottom:18px;font-size:15px}
.franja a{font-weight:600}
.franja-urg{background:var(--err-s);color:var(--err)}
.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:16px;padding:20px;margin-bottom:14px;min-width:0}
.tarjeta h2{font-size:19px;margin-bottom:10px}
.tarjeta-urg{border-color:var(--err)}
.rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.rejilla .tarjeta{margin:0}
.tar-num{grid-column:1/-1}
.nums{display:flex;gap:clamp(20px,5vw,56px);margin-bottom:14px}
.nums b{display:block;font:700 38px/1 var(--tit);font-variant-numeric:tabular-nums}
.nums span{font-size:14px;color:var(--tinta-2)}
.barras{width:100%;height:96px;fill:var(--tinta)}
.barras rect:last-child{fill:#17352c}
.nota{font-size:14px;color:var(--tinta-2);margin-top:10px}
.acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.descargas{display:flex;gap:14px}
.descargas figure{margin:0}
.descargas img{width:120px;height:120px;object-fit:contain;border:1px solid var(--linea);border-radius:10px;background:#fff}
.descargas figcaption{font-size:13px;text-align:center;margin-top:5px}
.dest-act{font-weight:600}
.cands{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}
.cands img{width:100%;height:auto;border-radius:10px;border:1px solid var(--linea);margin-bottom:8px}
.otra{margin-top:14px}
.otra summary{cursor:pointer;font-weight:600;font-size:14px;min-height:36px}
.tarjetas{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.tarjeta-c{display:flex;align-items:center;gap:14px;background:var(--superficie);border:1px solid var(--linea);border-radius:16px;padding:14px;text-decoration:none;transition:border-color 160ms ease}
.tarjeta-c:hover{border-color:var(--linea-f)}
.tarjeta-c img{border-radius:8px;flex:none}
.tarjeta-c div:nth-child(2){min-width:0;flex:1}
.tarjeta-c h2{font-size:18px;overflow-wrap:anywhere}
.tarjeta-c p{color:var(--tinta-2)}
.tc-num{text-align:right}
.tc-num b{display:block;font:700 24px/1 var(--tit);font-variant-numeric:tabular-nums}
.tc-num span{font-size:12px;color:var(--tinta-2)}
.vacio{text-align:center;padding:44px 16px;border:1px dashed var(--linea-f);border-radius:16px;margin-bottom:14px}
.vacio h2{font-size:22px;margin-bottom:6px}
.vacio p{color:var(--tinta-2)}
.filas{list-style:none;margin:0;padding:0}
.filas li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:10px 0;border-top:1px solid var(--linea);font-size:14px}
.filas li:first-child{border-top:0}
.planes-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-p{border-radius:16px;padding:20px}
.plan-p h3{font-size:22px}
.plan-acc{display:grid;gap:8px;margin-top:14px}
.plan-res{font-size:17px;margin-bottom:12px}

/* Editor de carta */
.ed-cab{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}
.sec-ed{background:var(--superficie);border:1px solid var(--linea);border-radius:16px;padding:16px;margin-bottom:12px}
.sec-ed-cab{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-bottom:12px}
.it{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) 92px auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--linea)}
.it input[type=text],.sec-ed-cab input,.ed-cab input,.ed-cab select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--linea-f);border-radius:10px;background:#fff}
.it-acc{display:flex;align-items:center;gap:2px}
.mini{display:grid;place-items:center;min-width:40px;height:40px;border:0;background:none;border-radius:10px;cursor:pointer;color:var(--tinta-2);font:600 15px var(--txt)}
.mini:hover{background:var(--suave);color:var(--tinta)}
.it-ag{display:flex;align-items:center;gap:6px;font-size:14px;min-height:40px;padding:0 6px;white-space:nowrap}
.it-ag input{width:18px;height:18px;accent-color:#17352c}
.it-al{grid-column:1/-1}
.it-al summary{cursor:pointer;font-size:14px;color:var(--tinta-2);padding:4px 0}
.al-op{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px 10px;padding:6px 0}
.al-op label{display:flex;align-items:center;gap:7px;font-size:14px;min-height:34px}
.al-op input{accent-color:#17352c;width:17px;height:17px}
.ed-et{font-size:12px;font-weight:600;color:var(--tinta-2);display:block;margin-bottom:3px}
.barra-guardar{position:fixed;left:232px;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px clamp(16px,3vw,36px) calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);border-top:1px solid var(--linea);backdrop-filter:blur(8px);z-index:10}
#estado-guardado{margin-right:auto;font-size:14px;color:var(--tinta-2)}

/* Interno */
.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.dato{background:var(--superficie);border:1px solid var(--linea);border-radius:14px;padding:16px}
.dato b{display:block;font:700 30px/1.1 var(--tit);font-variant-numeric:tabular-nums}
.dato span{font-size:13px;color:var(--tinta-2)}
.dato-urg{border-color:var(--acento);background:var(--acento-suave)}
.tabla-env{overflow-x:auto;background:var(--superficie);border:1px solid var(--linea);border-radius:16px}
.tabla{width:100%;border-collapse:collapse;font-size:14px;min-width:680px}
.tabla th,.tabla td{padding:12px 14px;text-align:left;border-top:1px solid var(--linea);vertical-align:top;font-weight:400}
.tabla thead th{border-top:0;font-size:12px;font-weight:600;color:var(--tinta-2)}
.tabla tbody th b{display:block;font-weight:600}
.tabla small{color:var(--tinta-2)}
.num{text-align:right!important;font-variant-numeric:tabular-nums}
.acc-f{display:flex;flex-wrap:wrap;gap:0 12px}
.eti{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--suave);white-space:nowrap}
.eti-activa{background:var(--ok-s);color:var(--ok)}
.eti-gracia,.eti-pago_pendiente,.eti-pausada,.eti-suspendida{background:var(--err-s);color:var(--err)}

/* Tarjeta de mesa */
.imprimir{background:var(--suave)}
.sin-print{max-width:520px;margin:auto;padding:18px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.sin-print .nota{width:100%;margin:0}
.tarjeta-mesa{width:105mm;height:148mm;margin:0 auto 30px;padding:11mm 9mm 8mm;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 14px 40px -24px rgba(0,0,0,.4)}
.tarjeta-mesa h1{font-size:30pt}
.tarjeta-mesa img{width:78mm;height:78mm;margin-top:7mm;object-fit:contain}
.tarjeta-mesa p{margin-top:6mm;font-size:13pt;font-weight:600}
.tarjeta-mesa p span{font-weight:400;color:var(--tinta-2)}
.tarjeta-mesa small{margin-top:auto;font-size:9pt;color:var(--tinta-2)}
@page{size:105mm 148mm;margin:0}
@media print{body{background:#fff}.sin-print,.franja-prueba{display:none}.tarjeta-mesa{margin:0;box-shadow:none}}

@media (max-width:900px){
  .cab nav{display:none}
  .hero-in,.dos-col{grid-template-columns:1fr}
  .pasos,.usos,.planes{grid-template-columns:1fr}
  .planes-p{grid-template-columns:1fr}
  .movil-gr{width:min(250px,100%)}
}
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .lat{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;flex-direction:row;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--linea);z-index:15}
  .lat .marca,.lat-pie{display:none}
  .lat nav{grid-auto-flow:column;grid-auto-columns:1fr;width:100%}
  .lat nav a{flex-direction:column;gap:2px;justify-content:center;font-size:12px;min-height:50px;padding:2px}
  .nav-salir{display:block}
  .nav-salir button{width:100%;min-height:50px;background:none;border:0;font:500 12px var(--txt);color:var(--tinta-2);cursor:pointer}
  .princ{padding-bottom:150px}
  .rejilla,.planes-p{grid-template-columns:1fr}
  .barra-guardar{left:0;bottom:58px}
  .it{grid-template-columns:1fr 92px}
  .it-en{grid-column:1/-1;grid-row:2}
  .it-acc{grid-column:1/-1;justify-content:space-between}
  .sec-ed-cab{grid-template-columns:1fr}
  .interno .tabla-env{margin-inline:-4px}
}
@media (max-width:600px){
  .planes{grid-template-columns:1fr}
  .escena{grid-template-columns:auto 40px auto;min-height:0;padding:22px 10px 60px}
  .esc-ruta{width:40px}
  .esc-qr img{width:112px}
  .movil{width:118px;border-radius:20px;padding:5px}
  .movil-p{border-radius:16px}
  .dest{padding:20px 9px 9px;gap:7px}
  .dest b{font-size:13px}
  .movil-gr{width:min(230px,100%);border-radius:28px;padding:7px}
  .cab-acc .enlace{display:none}
  .galeria{gap:8px}
  .pie-in{flex-direction:column;align-items:flex-start}
  .tarjeta-mesa{transform-origin:top center}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.dest,.rev{transition:none}
  .esc-linea{animation:none}
  .rev{opacity:1;transform:none}
}

/* Accesos con el color del nicho del que se viene */
.acceso.nicho-bar{--lienzo:#eef2ec;--tinta:#10201b;--tinta-2:#46564f;--acento:#17352c;--acento-h:#21483c;--linea:#d7e0d8}
.acceso.nicho-alojamiento{--lienzo:#f0ece0;--tinta:#16302b;--tinta-2:#4a5d58;--acento:#1f4a43;--acento-h:#2a5c54;--linea:#dfe0d5}
.acceso.nicho-inmobiliaria{--lienzo:#f2eee6;--tinta:#182823;--tinta-2:#4f5c56;--acento:#243b35;--acento-h:#304e46;--linea:#e2ddd2}
.acceso.nicho-concesionario{--lienzo:#edf1f3;--tinta:#151e23;--tinta-2:#4c5a62;--acento:#202c33;--acento-h:#2d3c45;--linea:#d8dfe3}
.acceso.nicho-actividad{--lienzo:#e6f2f0;--tinta:#102f31;--tinta-2:#46605f;--acento:#17484b;--acento-h:#1f5c60;--linea:#d3e4e1}
.acceso.nicho-belleza{--lienzo:#f7ece6;--tinta:#2f231f;--tinta-2:#675650;--acento:#493630;--acento-h:#5c463f;--linea:#ecdcd4}
.acceso.nicho-servicios{--lienzo:#efede4;--tinta:#20271f;--tinta-2:#565e58;--acento:#303a35;--acento-h:#3f4b45;--linea:#deddd2}
.acceso.nicho-tienda{--lienzo:#f5eedb;--tinta:#29271a;--tinta-2:#5f5c48;--acento:#3e3b28;--acento-h:#504c34;--linea:#e7e0c9}
.acceso.nicho-negocio{--lienzo:#eef2ec;--tinta:#10201b;--tinta-2:#46564f;--acento:#17352c;--acento-h:#21483c;--linea:#d7e0d8}