/* Ficha pública: lo que abre quien escanea. Tranquila y legible; la protagonista es la información del negocio. */
@font-face{font-family:"Titulares";src:url(/fonts/titulares.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--niebla:#eef2ec;--pizarra:#17352c}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--tinta);font:400 17px/1.5 "Titulares","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:680px;margin:0 auto;padding-bottom:calc(92px + env(safe-area-inset-bottom))}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--pizarra);outline-offset:2px;border-radius:4px}
.f-fotos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;background:var(--niebla)}
.f-fotos img{flex:0 0 100%;width:100%;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:center}
.f-varias img{flex-basis:88%}
.f-cuerpo{padding:18px 20px 0}
.f-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px}
.f-est{padding:5px 10px;border-radius:7px;font-size:15px;font-weight:700}
.f-ok{background:#e3f3e8;color:#17633a}
.f-medio{background:#fff3cd;color:#6d4c00}
.f-fuera{background:#fde7e3;color:#8e1f10}
.f-idioma{display:flex;flex-wrap:wrap;gap:4px}
.f-idioma a{display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:8px;color:var(--tinta-2);font-size:14px;font-weight:700;text-decoration:none}
.f-idioma a[aria-current]{background:var(--pizarra);color:#fff}
h1{margin:12px 0 0;font-size:clamp(28px,7vw,38px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--pizarra);text-wrap:balance}
.f-precio{margin:8px 0 0;font-size:25px;font-weight:800;letter-spacing:-.015em}
.f-aviso{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#fff3cd;color:#4f3800;font-weight:600}
.f-datos{margin:20px 0 0}
.f-datos div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;box-shadow:0 1px var(--linea)}
.f-datos dt{color:var(--tinta-2)}
.f-datos dd{margin:0;font-weight:600;text-align:right}
section{margin-top:26px}
h2{margin:0 0 8px;font-size:21px;font-weight:800;letter-spacing:-.015em;color:var(--pizarra)}
section p{margin:0 0 10px}
.f-pie{margin-top:30px;font-size:14px;color:var(--tinta-2)}
.f-pie p{margin:0 0 6px}
.f-pie a{color:inherit}
.f-acciones{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px var(--linea);z-index:5}
.f-bt{flex:1;max-width:320px;display:grid;place-items:center;min-height:50px;padding:0 10px;border-radius:10px;background:var(--niebla);color:var(--pizarra);font-weight:700;font-size:16px;text-align:center;text-decoration:none;transition:transform .12s ease}
.f-bt:active{transform:scale(.97)}
.f-bt-p{background:var(--pizarra);color:#fff}
.f-prueba{position:fixed;top:0;right:0;padding:3px 8px;background:var(--tinta);color:#fff;font-size:12px;z-index:9}
.demo-barra{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--pizarra);color:#fff;font-size:15px;line-height:1.25}
.demo-barra p{margin:0}
.demo-barra a,.demo-barra button{flex:none;display:grid;place-items:center;min-height:46px;padding:0 14px;border:0;border-radius:9px;background:#ffdc5a;color:var(--pizarra);font:700 15px "Titulares","Segoe UI",system-ui,sans-serif;text-decoration:none;cursor:pointer}
.demo-barra form{flex:none;margin:0}
.demo-barra~.f-prueba{top:0}
main:has(.demo-barra) .f-acciones{bottom:calc(66px + env(safe-area-inset-bottom));box-shadow:none;background:none;padding-block:6px}
main:has(.demo-barra){padding-bottom:calc(150px + env(safe-area-inset-bottom))}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}

/* Color del nicho de la cuenta */
.nicho-bar{--tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--niebla:#eef2ec;--pizarra:#17352c}
.nicho-alojamiento{--tinta:#16302b;--tinta-2:#4a5d58;--linea:#dfe0d5;--niebla:#f0ece0;--pizarra:#1f4a43}
.nicho-inmobiliaria{--tinta:#182823;--tinta-2:#4f5c56;--linea:#e2ddd2;--niebla:#f2eee6;--pizarra:#243b35}
.nicho-concesionario{--tinta:#151e23;--tinta-2:#4c5a62;--linea:#d8dfe3;--niebla:#edf1f3;--pizarra:#202c33}
.nicho-actividad{--tinta:#102f31;--tinta-2:#46605f;--linea:#d3e4e1;--niebla:#e6f2f0;--pizarra:#17484b}
.nicho-belleza{--tinta:#2f231f;--tinta-2:#675650;--linea:#ecdcd4;--niebla:#f7ece6;--pizarra:#493630}
.nicho-servicios{--tinta:#20271f;--tinta-2:#565e58;--linea:#deddd2;--niebla:#efede4;--pizarra:#303a35}
.nicho-tienda{--tinta:#29271a;--tinta-2:#5f5c48;--linea:#e7e0c9;--niebla:#f5eedb;--pizarra:#3e3b28}
.nicho-negocio{--tinta:#10201b;--tinta-2:#46564f;--linea:#d7e0d8;--niebla:#eef2ec;--pizarra:#17352c}
.demo-nota{margin:28px 16px 16px;font-size:13px;text-align:center;opacity:.7}