/* v1.16.1-pedasi.18 · AJUSTES FINALES DE PEDASÍ (js/b4-ajustes.js). Todo cuelga de clases que solo pone un caso con
   `ajustes_b4` (body.b4, .b4-guia-sin-barra, .b4-barra-recorrido, .b4-leyendas-sobrias): sin la clave no aplica nada. */

/* ── Barra: «Recorrido» primero y separado; sin el botón flotante del recorrido ── */
body.b4-barra-recorrido #b-guia{display:none!important}
nav.principal i.sep{flex:0 0 1px;align-self:stretch;margin:8px 2px;background:rgba(250,249,245,.22)}
body.b4 nav.principal .ico-wa{width:20px;height:20px}

/* ── Recorrido sin barra (como Tinajones .22): durante el recorrido no se ven la barra, Explorar ni los controles; el panel de
   pasos va abajo, con los márgenes de la barra (10 px y la zona segura en el teléfono, 22 px abajo en escritorio) ── */
body.b4-guia-sin-barra.guia-visible nav.principal,
body.b4-guia-sin-barra.guia-visible .espacial,
body.b4-guia-sin-barra.guia-visible .leyenda-limite,
body.b4-guia-sin-barra.guia-visible #leyenda-capas,
body.b4-guia-sin-barra.guia-visible #u-trazo,
body.b4-guia-sin-barra.guia-visible #ayuda{display:none!important}
body.b4-guia-sin-barra #guia{left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%);bottom:22px!important;width:min(520px,calc(100vw - 48px))!important}
@media (max-width:700px){
  body.b4-guia-sin-barra #guia{left:10px!important;right:10px!important;transform:none;width:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-height:min(56vh,calc(100vh - 150px))}
}
@media (max-height:500px){
  body.b4-guia-sin-barra #guia{top:auto!important;left:auto!important;right:10px!important;transform:none;bottom:max(10px,env(safe-area-inset-bottom))!important;width:min(380px,50vw)!important;max-height:calc(100vh - 20px)}
}

/* ── Menos ruido: sin la leyenda flotante de capas (cada capa lleva su etiqueta en Explorar) ni la del contorno ── */
body.b4-leyendas-sobrias #leyenda-capas,
body.b4-leyendas-sobrias .leyenda-limite{display:none!important}

/* ── Capas por grupo del caso (Explorar): nombre y etiqueta breve de estado ── */
.espacial button.capa-grupo .etq{display:block;font-size:.72rem;opacity:.72;font-weight:400;letter-spacing:.01em;margin-top:1px}

/* ── Vistas por etapa ── */
#vistas-lista .grupo-vistas{margin:10px 12px 4px;font-family:var(--dato);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
#vistas-lista .grupo-vistas:first-child{margin-top:2px}

/* ── «Lotes» con Plano / Lista ── */
.b4-tabs{display:flex;gap:6px;margin:0 0 10px}
.b4-tabs [role=tab]{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;border:1px solid rgba(250,249,245,.22);background:transparent;color:inherit;font:inherit;font-size:.9rem;cursor:pointer}
.b4-tabs [role=tab][aria-selected=true]{background:var(--senal);color:var(--tinta,#1B2A33);border-color:var(--senal)}
.b4-tabs [role=tab]:focus-visible{outline:2px solid var(--senal);outline-offset:2px}
.b4-tabs .ico{width:18px;height:18px}
.b4-orienta{margin:0 0 10px!important;font-size:.84rem;opacity:.86}

/* ── Ficha comprador ── */
#panel .b4-sup-m2{display:flex;align-items:baseline;gap:10px;margin:2px 0 6px}
#panel .b4-sup-m2 span{font-size:.8rem;opacity:.78}
#panel .b4-sup-m2 b{font-family:var(--dato);font-size:1.7rem;font-weight:500;letter-spacing:-.01em}
#panel .b4-sub{margin:16px 0 6px;font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
#panel .b4-calc{margin:14px 0 4px;padding:14px 14px 12px;border-radius:14px;border:1px solid rgba(250,249,245,.18);background:rgba(0,0,0,.14)}
#panel .b4-calc h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.92rem;font-weight:500}
#panel .b4-calc h4 .ico{width:18px;height:18px;opacity:.85}
#panel .b4-plazos{display:flex;gap:6px;margin:0 0 10px}
#panel .b4-plazos button{flex:1 1 0;min-height:44px;border-radius:10px;border:1px solid rgba(250,249,245,.25);background:transparent;color:inherit;font:inherit;font-size:.86rem;cursor:pointer}
#panel .b4-plazos button[aria-checked=true]{background:var(--senal);color:var(--tinta,#1B2A33);border-color:var(--senal);font-weight:500}
#panel .b4-plazos button:focus-visible{outline:2px solid var(--senal);outline-offset:2px}
#panel .b4-res{margin:0 0 6px;font-size:.9rem}
#panel .b4-res b{font-family:var(--dato);font-size:1.45rem;font-weight:500;margin-right:2px}
#panel .b4-res-plazo{opacity:.78}
#panel .b4-sup,#panel .b4-aviso{margin:6px 0 0;font-size:.78rem;line-height:1.45;opacity:.8}
#panel .b4-alt{margin:14px 0 4px}
#panel .b4-alt a{width:100%;justify-content:center}
#panel .b4-limites{margin-top:14px}
#panel .b4-limites p.fuente{margin:8px 0 0}
#panel a.b4-con-wa .ico-wa,#panel button.b4-con-wa .ico-wa,#guia .b4-con-wa .ico-wa{width:18px;height:18px;margin-right:6px;flex:0 0 auto}
.b4-con-wa{display:inline-flex;align-items:center;justify-content:center}
.ico-wa{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
@media (prefers-reduced-motion:reduce){ #panel .b4-plazos button{transition:none} }

/* ── Barra con «Recorrido» en el teléfono: cinco accesos en una fila (ícono sobre texto, como Tinajones .8); con letra grande,
   la cuadrícula de dos filas pone «Recorrido» a lo ancho arriba y el separador no ocupa celda ── */
@media (max-width:700px){
  body.b4-barra-recorrido #dock{gap:0}
  body.b4-barra-recorrido #dock > button,body.b4-barra-recorrido #dock > a{flex:1 1 0;min-width:0;padding:6px 1px;font-size:.66rem;white-space:normal;line-height:1.1;text-align:center}
  body.b4-barra-recorrido #dock i.sep{flex:0 0 1px;margin:10px 1px}
  body.b4-barra-recorrido #dock.b2-dos-filas i.sep{display:none}
  body.b4-barra-recorrido #dock.b2-dos-filas > button.recorrido{grid-column:1 / -1}
}
body.b4 .plano .norte,body.b4 .plano .norte-t{display:none}      /* la flecha del norte pisaba el lote 38 en el plano */

/* ── «Explorar» también en escritorio (ajustes_b4.explorar_escritorio, como Tinajones .22): las mismas reglas del desplegable
   del teléfono (b2-controles.css), sin la condición de tamaño; generadas desde ese bloque ── */
body.b4-ex-todo.b2-explorar .espacial #b-explorar{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px 0 10px; border-radius:14px;border:1px solid var(--borde);background:rgba(var(--papel-rgb),.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); color:var(--base);font-size:.84rem;font-weight:500;white-space:nowrap}
body.b4-ex-todo.b2-explorar .espacial #b-explorar:hover{background:rgba(var(--papel-rgb),.94)}
body.b4-ex-todo.b2-explorar .espacial #b-explorar > span{display:inline!important;position:static!important;transform:none!important;padding:0!important;background:none!important; border:0!important;font-size:inherit!important;pointer-events:none}
body.b4-ex-todo.b2-explorar .espacial #b-explorar svg.b2-chev{width:14px;height:14px;opacity:.85;transition:transform var(--t-hover)}
body.b4-ex-todo.b2-explorar .espacial #b-explorar[aria-expanded=true] svg.b2-chev{transform:rotate(180deg)}
body.b4-ex-todo.b2-explorar .espacial #b-explorar[aria-expanded=true],body.b4-ex-todo.b2-explorar .espacial #b-explorar.b2-origen{background:rgba(var(--senal-rgb),.3);border-color:var(--senal);box-shadow:inset 0 0 0 1px var(--senal)}
body.b4-ex-todo.b2-explorar .espacial #b-explorar:focus-visible{outline:2px solid var(--base);outline-offset:3px}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu{display:none}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto{z-index:28}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto .grupo.zoom{visibility:hidden;pointer-events:none}
body.b4-ex-todo.cerca-solo-dock.b2-explorar .espacial #c-cerca{display:none!important}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto #b2-ex-menu{display:block;position:absolute;right:0;top:56px;width:min(340px,calc(100vw - 24px));max-height:70vh; overflow-y:auto;overscroll-behavior:contain;padding:0 6px;border-radius:16px;background:rgba(var(--papel-rgb),.97);border:1px solid var(--borde); box-shadow:0 12px 32px rgba(0,0,0,.35);animation:b2Despliega 160ms ease-out}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto #b2-ex-menu.b2-dos-col{display:grid;grid-template-columns:1fr 1fr;column-gap:4px;align-content:start}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto .b2-ex-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:1; grid-column:1/-1;margin:0 -6px 2px;padding:6px 6px 4px 18px;background:rgb(var(--papel-rgb));border-radius:16px 16px 0 0}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto #b2-ex-menu.b2-hay-arriba .b2-ex-cab{box-shadow:0 10px 10px -10px rgba(0,0,0,.75)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-tit{font:400 1.125rem var(--tit)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu #b2-ex-cerrar{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:12px; background:var(--suave);font-size:1.05rem;color:var(--base)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:6px 12px; border:0;border-radius:12px;background:none;color:var(--base);font-size:.94rem;line-height:1.25;text-align:left;white-space:normal}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button:hover{background:rgba(250,249,245,.08)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button:focus-visible{outline:2px solid var(--senal);outline-offset:-2px}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button > svg{order:0;flex:none;width:20px;height:20px;opacity:.9}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button > span{order:1;flex:1 1 auto;min-width:0;display:inline!important;position:static!important;transform:none!important; padding:0!important;background:none!important;border:0!important;font-size:inherit!important;white-space:normal!important;pointer-events:none}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button > .b2-estado{order:2}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button[aria-pressed=true]{background:none;color:var(--base)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-limites::after,body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-lotes::after{order:3;content:"";flex:none;width:40px;height:24px; border-radius:999px;background-color:rgba(250,249,245,.16);box-shadow:inset 0 0 0 1.5px rgba(250,249,245,.55); background-image:radial-gradient(circle at 12px 12px,#FAF9F5 7px,transparent 7.6px);transition:background-color var(--t-hover)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-limites[aria-pressed=true]::after,body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-lotes[aria-pressed=true]::after{background-color:var(--senal);box-shadow:none;background-image:radial-gradient(circle at 28px 12px,var(--tinta) 7px,transparent 7.6px)}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-vistas::after,body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-capas::after,body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-cerca::after{order:3;content:"›";flex:none;font-size:1.35rem;line-height:1;opacity:.7}
body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-cerca.b2-activo .b2-estado{display:inline;font-size:.78rem;color:var(--senal);white-space:nowrap}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto #b2-ex-menu::after{content:"";position:sticky;bottom:0;display:block;grid-column:1/-1;height:40px;margin:-40px -6px 6px; pointer-events:none;visibility:hidden;border-radius:0 0 16px 16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAF9F5' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center bottom 6px/18px 18px no-repeat, linear-gradient(rgba(var(--papel-rgb),0),rgba(var(--papel-rgb),.97) 70%)}
body.b4-ex-todo.b2-explorar .espacial.b2-ex-abierto #b2-ex-menu.b2-hay-abajo::after{visibility:visible}
body.b4-ex-todo.b2-explorar .marca{max-width:calc(100vw - var(--b2-esp-ancho, 150px) - 28px)}
body.b4-ex-todo.b2-explorar:not(.con-panel) .espacial{right:max(12px,env(safe-area-inset-right))}

/* interruptor de los grupos de capas del caso dentro de Explorar (mismo dibujo que «Contorno» y «Números») */
@media (max-width:700px),(max-height:500px){
  body.b2-explorar .espacial #b2-ex-menu > #c-limites::after,body.b2-explorar .espacial #b2-ex-menu > button.capa-grupo::after{order:3;content:"";flex:none;width:40px;height:24px;
    border-radius:999px;background-color:rgba(250,249,245,.16);box-shadow:inset 0 0 0 1.5px rgba(250,249,245,.55);
    background-image:radial-gradient(circle at 12px 12px,#FAF9F5 7px,transparent 7.6px);transition:background-color var(--t-hover)}
  body.b2-explorar .espacial #b2-ex-menu > button.capa-grupo[aria-pressed=true]::after{
    background-color:var(--senal);box-shadow:none;background-image:radial-gradient(circle at 28px 12px,var(--tinta) 7px,transparent 7.6px)}
  /* lo que abre otra cosa (Vistas, Capas, Qué hay cerca): una flecha */
}
  body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > #c-limites::after,body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button.capa-grupo::after{order:3;content:"";flex:none;width:40px;height:24px;
    border-radius:999px;background-color:rgba(250,249,245,.16);box-shadow:inset 0 0 0 1.5px rgba(250,249,245,.55);
    background-image:radial-gradient(circle at 12px 12px,#FAF9F5 7px,transparent 7.6px);transition:background-color var(--t-hover)}
  body.b4-ex-todo.b2-explorar .espacial #b2-ex-menu > button.capa-grupo[aria-pressed=true]::after{
    background-color:var(--senal);box-shadow:none;background-image:radial-gradient(circle at 28px 12px,var(--tinta) 7px,transparent 7.6px)}
  /* lo que abre otra cosa (Vistas, Capas, Qué hay cerca): una flecha */
#panel .b4-cuota{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:10px 0 2px}
#panel .b4-cuota span{font-size:.8rem;opacity:.78}
#panel .b4-cuota b{font-family:var(--dato);font-size:1.05rem;font-weight:500}
/* sin «Podrá editar el mensaje…» ni «Copiar mensaje» junto a WhatsApp (regla C08 de Tinajones): el botón basta */
body.b4 #panel .wa-ayuda{display:none!important}
/* vista cenital del recorrido: lo que queda fuera del área de la panorámica (bajo la tarjeta) toma el color del panel, no negro */
body.b4 #tour{background:rgb(var(--papel-rgb,31,53,66))}

/* ── Portada como Los Tinajones (.8/.22/.26/.27): logo a su escala, iconos en los botones, crédito en píldora con el isotipo ── */
body.logo-portada #portada .logo{height:var(--logo-alto,40px)}
@media (max-width:700px){ body.logo-portada #portada .logo{height:var(--logo-alto-movil,var(--logo-alto,40px))} }
body.logo-interfaz .marca img{height:var(--u-logo-alto,36px);max-width:min(46vw,240px);width:auto;object-fit:contain;object-position:left center}
@media (max-width:700px){ body.logo-interfaz .marca img{height:var(--u-logo-alto-movil,var(--u-logo-alto,36px));max-width:44vw} }
@media (max-height:500px){ body.logo-interfaz .marca img{height:var(--u-logo-alto-bajo,40px)} }
#portada .acciones .btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
#portada .acciones .btn #b-guiado svg,#b-guiado svg path{fill:currentColor;stroke:none}
#portada .acciones .btn{display:inline-flex;align-items:center;gap:10px}
#portada .credito-revision.firma-pildora{text-shadow:none}
#portada .firma-pildora a{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:30px;margin:0;padding:0 12px 0 6px;border-radius:999px;
  border:1px solid rgba(250,249,245,.22);background:rgba(20,23,15,.42);color:rgba(250,249,245,.88);font-size:.72rem;line-height:1.2;letter-spacing:0;
  text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#portada .firma-pildora a:hover{background:rgba(20,23,15,.6);color:#FAF9F5}
#portada .firma-pildora a:focus-visible{outline:2px solid var(--base);outline-offset:3px}
#portada .firma-pildora .firma-ico{width:18px;height:18px;flex:none;display:block;opacity:.9}
@media (pointer:coarse){ #portada .firma-pildora a{height:32px} }
@media (min-width:701px){ #portada .firma-pildora{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:2} }