:root{--es:44svh}
@media (min-width:600px) and (max-width:899px){:root{--es:54svh}}
/* Portada de QRumbo: lo impreso se queda y lo que abre cambia, en cualquier negocio. Dirección de arte en DESIGN.md. */
@font-face{font-family:Mano;src:url(/fonts/patrick-hand.woff2) format("woff2");font-display:swap}
.publico{
  --pizarra:#17352c;--pizarra-2:#21483c;--pizarra-3:#2c5a4c;--tiza:#ffdc5a;--papel:#fff;--niebla:#eef2ec;--menta:#dfeee3;
  --tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--agotado:#b3261e;--madera:#a9794f;
  --fuera:cubic-bezier(.23,1,.32,1);
  --gut:clamp(20px,3vw,48px);
  --tit:"Titulares","Segoe UI",system-ui,sans-serif;
  --txt:"Titulares","Segoe UI",system-ui,sans-serif;
  background:var(--papel);color:var(--tinta);overflow-x:clip;font:400 18px/1.45 var(--txt);
}
.publico ::selection{background:var(--pizarra);color:var(--tiza)}
.publico :focus-visible{outline:3px solid var(--pizarra);outline-offset:3px;border-radius:6px}
.salta{position:absolute;left:-999px;top:10px;z-index:30;background:var(--pizarra);color:#fff;padding:10px 16px;font-weight:700}
.salta:focus{left:16px}

/* Cabecera */
.r-cab{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 var(--gut);background:var(--papel);box-shadow:0 1px var(--linea)}
.franja-prueba{position:sticky;top:0;z-index:21}
.franja-prueba~.r-cab{top:30px}
.publico .marca{font:800 25px var(--tit);letter-spacing:-.035em;color:var(--pizarra)}
.r-cab nav{display:flex;gap:26px;font-size:16px;font-weight:600}
.r-cab nav a,.r-cab .lnk-p{text-decoration:none;color:var(--tinta);position:relative;padding:8px 0;font-weight:600}
.r-cab nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--pizarra);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--fuera)}
.r-cab-acc{display:flex;align-items:center;gap:18px;font-size:16px}
@media (hover:hover) and (pointer:fine){.r-cab nav a:hover::after{transform:scaleX(1)}}

/* Botones */
.bt{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:0 24px;border:0;border-radius:10px;background:var(--pizarra);color:#fff;font:700 18px var(--txt);text-decoration:none;cursor:pointer;transition:transform .12s var(--fuera),background-color .15s ease}
.bt:active{transform:scale(.97)}
.bt svg{width:22px;height:22px;flex:none;transition:transform .22s var(--fuera)}
.bt-a{background:var(--tiza);color:var(--pizarra)}
.bt-peq{min-height:44px;padding:0 16px;font-size:16px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){
  .bt:hover svg{transform:translateX(5px)}
  .bt:hover{background:var(--pizarra-3)}
  .bt-a:hover{background:#ffe680}
}
.lnk{font-weight:600;color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}

/* Titulares */
.publico h1,.publico h2{font-family:var(--tit);font-weight:800;letter-spacing:-.035em;line-height:1;margin:0;text-wrap:balance;color:var(--pizarra)}
.publico h3{font-family:var(--tit);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}

/* Escena: composición estática por defecto, sin JS o con movimiento reducido */
.r-acc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:26px}

/* El escenario se dibuja en unidades propias: --u */

/* Lo impreso según el negocio. La pizarra es solo el ejemplo de hostelería. */

.f-toque{position:relative}
.f-toque::after{content:"";position:absolute;right:calc(var(--u) * 1.6);top:50%;width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin-top:calc(var(--u) * -2.5);border-radius:50%;background:rgb(23 53 44 / .28);opacity:0;transform:scale(.6)}



/* Con movimiento: escena fijada */
/* Solo se puede enfocar la escena visible: el teclado nunca salta entre capas. */
@keyframes toque{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.3)}}

@media (max-width:899px){
  .r-cab{height:60px}
  .r-cab nav{display:none}
}
@media (max-width:899px) and (max-height:640px){
  /* Pantalla baja: menos platos y más grandes; el precio y «sin tarjeta» no se quitan. */
}

/* Bandas */
.b{padding:clamp(72px,9vw,136px) var(--gut)}
.b-in{max-width:1280px;margin:0 auto}
.b-tit{font-size:clamp(36px,5.4vw,72px)}
.b-lead{margin:18px 0 0;font-size:clamp(19px,1.6vw,23px);line-height:1.35;max-width:30em;color:var(--tinta-2)}

/* Foto a carta */
.b-foto{background:var(--niebla)}
.foto-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.foto-txt{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.foto-txt .bt{margin-top:28px}
.foto-res{background:#fff;border-radius:16px;padding:clamp(20px,2.4vw,34px)}
.foto-res h3{font-size:clamp(23px,2vw,30px);font-weight:800;color:var(--pizarra);margin-bottom:10px}
.foto-res ul{list-style:none;margin:0;padding:0}
.foto-res li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:18px;font-weight:500;box-shadow:0 1px var(--linea)}
.foto-res li b{font-weight:700;white-space:nowrap}
.foto-res .falta{color:var(--agotado)}
.foto-res p{margin:14px 0 0;font-size:15px;color:var(--tinta-2)}

/* Para lo que hace tu negocio */
.tareas{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.tareas h3{font-size:clamp(20px,1.8vw,25px);font-weight:800;color:var(--pizarra)}
.tareas p{margin:8px 0 0;color:var(--tinta-2)}
.limite{margin:clamp(24px,3vw,40px) 0 0;max-width:52em;padding-top:18px;box-shadow:0 -1px var(--linea)}
.limite b{color:var(--pizarra)}
.pl-mas{margin:10px 0 0;font-size:16px}
.b-mano{background:var(--pizarra);color:#fff}
.b-mano .b-tit{color:#fff}
.b-mano .b-lead{color:#d5e2da;margin-bottom:26px}
.b-mano :focus-visible{outline-color:var(--tiza)}
.b-precios{padding-top:clamp(72px,9vw,136px)!important}

/* Lo prueba el visitante */
.b-prueba{background:var(--pizarra);color:#fff;padding-bottom:0}
.b-prueba .b-tit{color:#fff}
.b-prueba .b-lead{color:#d5e2da}
.pr-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:clamp(24px,5vw,80px);margin-top:clamp(28px,4vw,48px);align-items:start}
.pr-int{display:grid;gap:8px}
.int{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:84px;padding:14px clamp(16px,2vw,24px);border:0;border-radius:12px;background:var(--pizarra-2);color:#fff;font:700 clamp(19px,1.9vw,26px)/1.1 var(--tit);letter-spacing:-.015em;text-align:left;cursor:pointer;transition:background-color .15s ease}
.int span:first-child{flex:1}
.int-v{position:relative;flex:none;width:60px;height:34px;border-radius:17px;background:#0f251f;transition:background-color .18s ease}
.int-v::after{content:"";position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .22s var(--fuera)}
.int[aria-checked=true] .int-v{background:var(--tiza)}
.int[aria-checked=true] .int-v::after{transform:translateX(26px);background:var(--pizarra)}
@media (hover:hover) and (pointer:fine){.int:hover{background:var(--pizarra-3)}}
.r-movil{width:min(84vw,360px);margin:0 auto -48px;border:8px solid #0b1a16;border-bottom:0;border-radius:32px 32px 0 0;background:#fff;color:var(--tinta);min-height:480px;position:relative;z-index:1}
.r-url{display:flex;align-items:center;justify-content:center;height:40px;border-radius:24px 24px 0 0;background:var(--niebla);color:var(--tinta-2);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden}
.pant{padding:20px 20px 60px}
.pant h3{font-size:30px;font-weight:800;color:var(--pizarra)}
.pant-f{display:flex;justify-content:space-between;gap:8px;padding:13px 0;font-size:17px;line-height:1.2;font-weight:500;box-shadow:0 1px var(--linea)}
.pant-f b{white-space:nowrap;font-weight:700}
.pant-f.ag span{text-decoration:line-through;color:var(--tinta-2)}
.pant small{display:block;margin-top:12px;font-size:14px;color:var(--tinta-2)}
.pant-et{display:block;color:var(--agotado);font-weight:700;font-size:14px;padding:4px 0 8px}

/* Precios */
.b-precios{padding-top:calc(clamp(72px,9vw,136px) + 48px)}
.ciclo-r{display:inline-flex;margin-top:22px;padding:4px;gap:4px;border-radius:12px;background:var(--niebla)}
.ciclo-r button{min-height:44px;min-width:108px;padding:0 18px;border:0;border-radius:9px;background:none;font:700 16px var(--txt);color:var(--tinta);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.ciclo-r button.on{background:var(--pizarra);color:#fff}
.hoja{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(24px,3vw,40px)}
.pl{display:flex;flex-direction:column;padding:clamp(22px,2.4vw,36px);border-radius:16px;background:var(--niebla)}
.pl h3{font-size:clamp(24px,2.2vw,30px);font-weight:800;color:var(--pizarra)}
.pl-para{margin:8px 0 0;font-size:16px;min-height:2.9em;color:var(--tinta-2)}
.pl-pr{display:flex;align-items:baseline;gap:6px;margin:12px 0 0}
.pl-pr b{font:800 clamp(44px,4.6vw,66px)/1 var(--tit);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--pizarra)}
.pl-pr span{font-size:17px;font-weight:600}
.pl-n{margin:6px 0 0;font-size:15px;min-height:1.5em;color:var(--tinta-2)}
.pl ul{list-style:none;margin:22px 0 28px;padding:0;display:grid;gap:9px;font-size:16px;line-height:1.3}
.pl .bt{margin-top:auto;width:100%}
.pl-d{background:var(--pizarra);color:#fff}
.pl-d h3,.pl-d .pl-pr b{color:#fff}
.pl-d .pl-para,.pl-d .pl-n{color:#d5e2da}
.pl-d :focus-visible{outline-color:var(--tiza)}
.pl-nota{margin:18px 0 0;font-size:15px;max-width:72ch;color:var(--tinta-2)}

/* QR artístico: un extra, sin robar sitio */
.b-arte{background:var(--niebla);padding-block:clamp(56px,6vw,88px)}
.arte-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.arte-g h2{font-size:clamp(28px,3.2vw,44px)}
.arte-t .b-lead{font-size:18px}
.arte-p{margin:18px 0 0;font-weight:700;font-size:19px;color:var(--pizarra)}
.arte-n{margin:4px 0 0;font-size:15px;color:var(--tinta-2)}
.arte-f{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.arte-f figure{margin:0}
.arte-f img{width:100%;height:auto;display:block;border-radius:10px}
.arte-f figcaption{margin-top:6px;font-size:15px;font-weight:600}

/* Preguntas */
.b-preg .b-tit{margin-bottom:clamp(20px,3vw,36px)}
.pr{box-shadow:0 1px var(--linea)}
.pr summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:68px;padding:12px 0;font:700 clamp(18px,1.6vw,22px)/1.2 var(--tit);letter-spacing:-.012em;color:var(--pizarra);cursor:pointer;list-style:none}
.pr summary::-webkit-details-marker{display:none}
.pr summary::after{content:"";flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0v20M0 10h20' stroke='%2317352c' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .22s var(--fuera)}
.pr[open] summary::after{transform:rotate(45deg)}
.pr p{margin:0;padding:0 0 22px;max-width:48em;font-size:17px;line-height:1.45;color:var(--tinta-2)}
.otros{margin:clamp(40px,5vw,64px) 0 0;padding:clamp(20px,2.4vw,30px);border-radius:16px;background:var(--niebla);font-size:17px;line-height:1.45}
.otros b{color:var(--pizarra)}

/* Cierre */
.cierre-r{background:var(--pizarra);padding:clamp(64px,8vw,120px) var(--gut) 0;overflow:clip}
.cierre-r h2{font-size:clamp(38px,6.4vw,92px);max-width:14em;color:#fff}
.cierre-r .r-acc{margin-top:26px}
.cierre-p{display:block;margin-top:clamp(36px,5vw,70px);font:800 clamp(66px,23vw,420px)/1.1 var(--tit);letter-spacing:-.055em;color:var(--pizarra-2);white-space:nowrap;translate:-.6vw .04em;user-select:none}
.cierre-p::before{content:"QRumbo"}
.cierre-r :focus-visible{outline-color:var(--tiza)}
.pie-r{background:var(--pizarra);color:#fff;padding:28px var(--gut);font-size:15px;box-shadow:inset 0 1px var(--pizarra-3)}
.pie-r .b-in{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;justify-content:space-between}
.pie-r p{margin:0}
.pie-r .marca{color:#fff}
.pie-r a{color:#fff}
.pie-r .pie-legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.pie-r :focus-visible,.b-prueba :focus-visible{outline-color:var(--tiza)}

@media (max-width:899px){
  .foto-g,.pr-g,.arte-g{grid-template-columns:1fr}
  .hoja{grid-template-columns:1fr}
  .tareas{grid-template-columns:1fr}
  .pl-d{order:-1}
  .pl-para{min-height:0}
  .int{min-height:72px}
}
@media (max-width:420px){
  .r-cab{gap:8px}
  .r-cab-acc{gap:10px}
  .publico .marca{font-size:22px}
  .bt-peq{padding:0 10px;font-size:14px}
  .bt-peq svg{display:none}
  .ciclo-r button{min-width:96px}
}
@media (prefers-reduced-motion:reduce){
  .publico *{transition-duration:.01ms!important;animation:none!important}
  html{scroll-behavior:auto}
}

/* Color de cada nicho: fondo, tinta y acento. Marca, tipografía y estructura no cambian. Decisión de dirección artística, no una promesa de conversión. */
.publico.nicho-bar{--papel:#ffffff;--pizarra:#17352c;--pizarra-2:#21483c;--pizarra-3:#2c5a4c;--niebla:#eef2ec;--menta:#dfeee3;--tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--tiza:#ffdc5a}
.publico.nicho-alojamiento{--papel:#fbf9f3;--pizarra:#1f4a43;--pizarra-2:#2a5c54;--pizarra-3:#376e65;--niebla:#f0ece0;--menta:#d7ebe5;--tinta:#16302b;--tinta-2:#4a5d58;--linea:#dfe0d5;--tiza:#b9ddd3}
.publico.nicho-inmobiliaria{--papel:#fbf9f5;--pizarra:#243b35;--pizarra-2:#304e46;--pizarra-3:#3e6157;--niebla:#f2eee6;--menta:#f3e6cc;--tinta:#182823;--tinta-2:#4f5c56;--linea:#e2ddd2;--tiza:#e7c37b}
.publico.nicho-concesionario{--papel:#f8fafb;--pizarra:#202c33;--pizarra-2:#2d3c45;--pizarra-3:#3c4e59;--niebla:#edf1f3;--menta:#e7f5c7;--tinta:#151e23;--tinta-2:#4c5a62;--linea:#d8dfe3;--tiza:#c5e965}
.publico.nicho-actividad{--papel:#f7fbfa;--pizarra:#17484b;--pizarra-2:#1f5c60;--pizarra-3:#2a7075;--niebla:#e6f2f0;--menta:#fbeec4;--tinta:#102f31;--tinta-2:#46605f;--linea:#d3e4e1;--tiza:#f2cb68}
.publico.nicho-belleza{--papel:#fdf9f6;--pizarra:#493630;--pizarra-2:#5c463f;--pizarra-3:#70564d;--niebla:#f7ece6;--menta:#f6e2d8;--tinta:#2f231f;--tinta-2:#675650;--linea:#ecdcd4;--tiza:#eac2b0}
.publico.nicho-servicios{--papel:#f9f8f3;--pizarra:#303a35;--pizarra-2:#3f4b45;--pizarra-3:#4f5c55;--niebla:#efede4;--menta:#f8e7bd;--tinta:#20271f;--tinta-2:#565e58;--linea:#deddd2;--tiza:#eec15a}
.publico.nicho-tienda{--papel:#fdf9ee;--pizarra:#3e3b28;--pizarra-2:#504c34;--pizarra-3:#625e42;--niebla:#f5eedb;--menta:#f6ecbd;--tinta:#29271a;--tinta-2:#5f5c48;--linea:#e7e0c9;--tiza:#e9c95b}
.publico.nicho-negocio{--papel:#ffffff;--pizarra:#17352c;--pizarra-2:#21483c;--pizarra-3:#2c5a4c;--niebla:#eef2ec;--menta:#dfeee3;--tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--tiza:#ffdc5a}

/* Portada que orienta */
.inicio{padding:calc(64px + clamp(36px,5vw,64px)) var(--gut) clamp(56px,7vw,96px)}
.franja-prueba~main .inicio{padding-top:calc(94px + clamp(36px,5vw,64px))}
.ante{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--tinta-2)}
.inicio h1{font-size:clamp(40px,6.4vw,84px);max-width:13em}
.inicio-sub{margin:18px 0 0;max-width:34em;font-size:clamp(18px,1.6vw,22px);line-height:1.38;color:var(--tinta-2)}
.publico h2.pregunta{margin-top:clamp(32px,4vw,52px);font-size:clamp(26px,3vw,38px)}
.elige{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.elige a{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:2px 12px;align-items:center;min-height:92px;padding:14px 16px;border-radius:14px;background:var(--niebla);color:var(--tinta);text-decoration:none;transition:background-color .15s ease,transform .12s var(--fuera)}
.elige a:active{transform:scale(.98)}
.elige b{font:700 19px/1.15 var(--tit);letter-spacing:-.015em;color:var(--pizarra)}
.elige span{grid-column:1;font-size:15px;line-height:1.25;color:var(--tinta-2)}
.elige svg{grid-column:2;grid-row:1/3;width:22px;height:22px;color:var(--pizarra);transition:transform .22s var(--fuera)}
@media (hover:hover) and (pointer:fine){.elige a:hover{background:var(--menta)}.elige a:hover svg{transform:translateX(4px)}}
.elige a:focus-visible{outline-offset:2px}
.inicio-nota{margin:18px 0 0;font-size:16px;color:var(--tinta-2)}
.pasos3{list-style:none;counter-reset:p;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.pasos3 li{counter-increment:p}
.pasos3 li::before{content:counter(p);display:block;margin-bottom:10px;font:800 40px/1 var(--tit);color:var(--pizarra)}
.pasos3 h3{font-size:clamp(20px,1.8vw,25px);font-weight:800;color:var(--pizarra)}
.pasos3 p{margin:8px 0 0;color:var(--tinta-2)}
.inicio-p .b-precios .b-lead{margin-bottom:6px}

/* Lo impreso que no cambia: nombre, QR y una línea */

/* Página de nicho */
.b-dolor{background:var(--niebla)}
.dolor{margin:0;font:800 clamp(30px,4.6vw,60px)/1.06 var(--tit);letter-spacing:-.03em;color:var(--pizarra);max-width:20em}
.dolor p{margin:0}
.dolor p+p{color:var(--tinta-2)}
.b-dolor .r-acc{margin-top:clamp(24px,3vw,40px)}
.b-objecion{padding-block:clamp(48px,6vw,88px)}
.obj-q{margin:0;font:700 clamp(22px,2.4vw,32px)/1.15 var(--tit);letter-spacing:-.02em;color:var(--tinta-2)}
.obj-r{margin:8px 0 0;font:800 clamp(24px,2.8vw,38px)/1.12 var(--tit);letter-spacing:-.025em;color:var(--pizarra);max-width:26em}
.pl-base{margin:4px 0 0;font-size:15px;color:var(--tinta-2)}
.pl-d .pl-base{color:#fff;opacity:.82}
.pl-et{align-self:flex-start;margin:0 0 10px;padding:4px 10px;border-radius:7px;background:var(--tiza);color:var(--tinta);font-size:14px;font-weight:700}
.pl-ancla{margin:8px 0 0;font-size:16px;color:var(--tinta-2);max-width:60em}
.cierre-n{margin:12px 0 0;color:#fff;opacity:.85;font-size:16px}
.env{padding:10px 0;box-shadow:0 1px var(--linea, #d7e0d8)}
@media (max-width:899px){
  .elige,.pasos3{grid-template-columns:1fr}
  .elige a{min-height:72px}
}

/* Base de las escenas propias: cada nicho añade la suya en n-<nicho>.css */
.arte{--p:0;--u:min(calc((100svh - 150px) / 66),7px);position:relative;width:100%;height:100%}
.qr-m{display:block;width:100%;height:auto}
.h-oculto{display:none}
@media (max-width:899px){
  .arte{--u:calc((var(--es) - 100px) / 100)}
}
@media (max-width:899px) and (max-height:640px){.arte{--u:calc((40svh - 100px) / 100)}}

/* Lente de la portada */
.ini-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center}

/* Pantalla muy baja: lo esencial debe caber sin bajar. */
@media (max-width:899px) and (max-height:640px){
  :root{--es:38svh}
}

/* El enlace para saltar debe leerse sobre cualquier foto. */
/* Sin movimiento: la escena es una imagen más, recortada a su caja. */
.gira{display:block;margin-top:14px;padding:10px 0;min-height:44px;border:0;background:none;font:600 17px var(--txt);text-decoration:underline;cursor:pointer;color:inherit}

/* Composición propia de cada nicho: piezas comunes. El parallax mueve .capa con transform; sin él, todo queda en su sitio. */
.par{position:relative;overflow:clip}
.capa{position:relative}
.par>.capa:has(>.c-fondo),.c-celda>.capa,.c-marco>.capa,.c-ovalo{position:absolute;inset:0}
.c-ovalo-c,.c-plato-c,.c-cubierta-c{position:relative}
.c-fondo{position:absolute;left:0;top:-14%;width:100%;height:128%;object-fit:cover}
:where(.publico) ol{list-style:none;margin:0;padding:0}
.dolor span{display:block}
.dolor span+span{color:var(--tinta-2)}
/* Planes en filas: nombre, qué incluye y precio. */
@media (min-width:900px){
  .nicho-bar .hoja,.nicho-inmobiliaria .hoja,.nicho-concesionario .hoja,.nicho-servicios .hoja,.nicho-negocio .hoja{grid-template-columns:1fr;gap:0}
  .nicho-bar .pl,.nicho-inmobiliaria .pl,.nicho-concesionario .pl,.nicho-servicios .pl,.nicho-negocio .pl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(250px,auto);grid-auto-rows:min-content;column-gap:clamp(20px,3vw,48px);border-radius:0;background:none;box-shadow:0 -1px var(--linea);padding:clamp(22px,2.4vw,32px) clamp(14px,1.6vw,22px)}
  .nicho-bar .pl>:not(ul,.pl-pr,.pl-n,.bt),.nicho-inmobiliaria .pl>:not(ul,.pl-pr,.pl-n,.bt),.nicho-concesionario .pl>:not(ul,.pl-pr,.pl-n,.bt),.nicho-servicios .pl>:not(ul,.pl-pr,.pl-n,.bt),.nicho-negocio .pl>:not(ul,.pl-pr,.pl-n,.bt){grid-column:1}
  .nicho-bar .pl ul,.nicho-inmobiliaria .pl ul,.nicho-concesionario .pl ul,.nicho-servicios .pl ul,.nicho-negocio .pl ul{grid-column:2;grid-row:1/span 5;margin:0}
  .nicho-bar .pl-pr,.nicho-inmobiliaria .pl-pr,.nicho-concesionario .pl-pr,.nicho-servicios .pl-pr,.nicho-negocio .pl-pr,.nicho-bar .pl-n,.nicho-inmobiliaria .pl-n,.nicho-concesionario .pl-n,.nicho-servicios .pl-n,.nicho-negocio .pl-n{grid-column:3;margin-top:0}
  .nicho-bar .pl .bt,.nicho-inmobiliaria .pl .bt,.nicho-concesionario .pl .bt,.nicho-servicios .pl .bt,.nicho-negocio .pl .bt{grid-column:3;margin-top:14px}
  .nicho-bar .pl-d,.nicho-inmobiliaria .pl-d,.nicho-servicios .pl-d,.nicho-negocio .pl-d{background:var(--pizarra);border-radius:10px}
}
.publico .marca{gap:9px}
.publico .marca .logo-m{width:.92em;height:.92em;color:inherit}
@media (min-width:900px){.nicho-bar .pl-et,.nicho-inmobiliaria .pl-et,.nicho-servicios .pl-et,.nicho-negocio .pl-et{justify-self:start}}
.publico .marca{min-height:44px}
.lnk{display:inline-block;padding-block:4px}
.publico main:focus{outline:0}
.ini-g>*{min-width:0}