/* Capa visual móvil · Mi Lote JT (se carga después del resto de estilos) */
[hidden]{display:none!important}

/* Indicaciones iniciales */
#hint{top:70px;max-width:calc(100vw - 84px);font-size:13px;line-height:1.3;transition:opacity .4s}
#hint.gone{opacity:0;pointer-events:none}

/* Leyenda de colores */
#legend{position:absolute;left:12px;bottom:70px;z-index:4;background:#fffffff0;border-radius:14px;padding:8px 11px;
  box-shadow:0 3px 14px #0002;display:grid;grid-template-columns:repeat(2,auto);gap:5px 14px;font-size:12px;color:#3a3330}
#legend span[hidden]{display:none}
#legend span{display:flex;align-items:center;gap:7px}
#legend i{width:13px;height:13px;border-radius:50%;border:1px solid #0003;flex:none}

/* Botones flotantes (derecha) */
.fab{position:absolute;right:12px;z-index:4;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px #0003;text-decoration:none;color:#fff}
#waFab{bottom:70px;width:56px;height:56px;border-radius:50%;background:#25d366}
#waFab svg{width:30px;height:30px;fill:#fff}
#moreBtn{background:#91363f!important;color:#fff!important;font-weight:700;animation:jtPulse 1.8s ease-out infinite}
#moreBtn[hidden]{display:none}
@keyframes jtPulse{0%{box-shadow:0 0 0 0 #91363fb3,0 4px 14px #0003}70%{box-shadow:0 0 0 16px #91363f00,0 4px 14px #0003}100%{box-shadow:0 0 0 0 #91363f00,0 4px 14px #0003}}
@media (prefers-reduced-motion:reduce){#moreBtn,#menuToggle::after{animation:none}}
body.panel-open #waFab,body.panel-open #legend{display:none}

/* Buscar e Inicio (solo teléfono; en escritorio ya están en el menú) */
#quick{display:none;position:absolute;right:12px;top:68px;z-index:6;flex-direction:column;gap:8px}
#quick button{width:46px;height:46px;border-radius:50%;padding:0;background:#fffffff2;color:#91363f;font-size:21px;box-shadow:0 3px 12px #0003;border:0}
#quick button svg{width:22px;height:22px;stroke:#91363f;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:650px){#quick{display:flex}}
#searchBar{position:absolute;left:12px;right:68px;top:122px;z-index:7;background:#fffffff5;border-radius:14px;padding:10px;box-shadow:0 6px 22px #0003}
#searchBar input{width:100%;font:inherit;font-size:16px;padding:11px;border:1px solid #d9cfc8;border-radius:10px}
#searchBar small{display:block;margin-top:6px;color:#756b65}
#searchBar small.err{color:#a1262f;font-weight:600}

/* Ficha del lote: botones grandes */
#lotActions{display:flex;flex-wrap:wrap;gap:8px}
#lotActions a{flex:1 1 140px;text-align:center;padding:13px 12px;font-size:14px;font-weight:600;margin:0}
#lotActions a[href*="wa.me"]{background:#1fa855}

/* Aviso de contacto (leyenda) */
#contactModal{position:fixed;inset:0;z-index:40;background:#0007;display:flex;align-items:center;justify-content:center;padding:18px}
#contactModal .card{background:#fffdf9;border-radius:20px;max-width:420px;width:100%;padding:24px;box-shadow:0 14px 60px #0006}
#contactModal h3{margin:0 0 10px;font-size:19px;color:#6d2531}
#contactModal p{margin:0 0 18px;line-height:1.55;font-size:16px}
#contactModal .go{display:flex;align-items:center;justify-content:center;gap:9px;background:#1fa855;color:#fff;border-radius:14px;padding:14px;font-weight:700;text-decoration:none;font-size:16px}
#contactModal .go svg{width:22px;height:22px;fill:#fff}
#contactModal .ghost{display:block;width:100%;margin-top:10px;background:#f1e8e2;color:#4b3237;box-shadow:none;border-radius:14px;padding:13px}

#toast{position:fixed;left:50%;bottom:140px;transform:translateX(-50%);z-index:50;background:#302d2c;color:#fff;padding:11px 16px;border-radius:12px;font-size:14px;max-width:calc(100vw - 40px)}

/* Menú: punto parpadeante y herramientas más compactas */
#menuToggle{position:absolute}
body.has-more:not(.menu-visto) #menuToggle::after{content:'';position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;background:#ffcf3f;border:2px solid #fff;animation:jtDot 1.2s ease-in-out infinite}
@keyframes jtDot{50%{transform:scale(1.35);opacity:.55}}
body.menu-open #quick,body.menu-open #mapTools{display:none}
.medidas{list-style:none;padding:0;margin:8px 0}.medidas li{padding:8px 0;border-bottom:1px solid #e6dcd5;line-height:1.35}
@media (max-width:650px){
  #quick{top:64px;gap:7px}
  #quick button{width:40px;height:40px}#quick button svg{width:19px;height:19px}
  #mainMenu #home,#mainMenu #search{display:none}
  #searchBar{top:116px;right:62px}
}
@media (max-width:650px){
  #mainMenu{max-width:none!important;width:min(250px,calc(100vw - 24px));right:12px!important;overflow-x:hidden}
  #mainMenu button{width:100%;min-width:0!important;font-size:14px!important;padding:11px 14px!important;text-align:left;white-space:normal}
}

/* Solo el logo en el encabezado; leyenda en un solo renglón */
header>div{display:none!important}
header{padding:8px 12px!important;width:auto!important;max-width:none!important}
header img{margin:0!important}
#legend{display:flex!important;flex-wrap:nowrap;gap:12px;right:84px;padding:8px 12px;font-size:11.5px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
#legend::-webkit-scrollbar{display:none}
#legend span{flex:none;gap:5px}
#legend i{width:11px;height:11px}
#legend{right:12px!important;gap:10px!important;font-size:11px!important;padding:8px 11px!important}
#waFab{bottom:122px!important}
