/* ABACO-WEB-016 (Objetivo 1) — banner de bienvenida para pedir permiso de
   ubicación. No bloquea la página (no es un modal con overlay), aparece
   como una tarjeta flotante y respeta los 5 breakpoints obligatorios. */
.abaco-geo-banner{position:fixed;left:20px;right:20px;bottom:-140px;z-index:9999;opacity:0;transition:bottom .35s ease,opacity .35s ease;pointer-events:none}
.abaco-geo-banner.is-visible{bottom:20px;opacity:1;pointer-events:auto}
.abaco-geo-banner-inner{max-width:560px;margin:0 auto;background:#19181B;color:#fff;border-radius:10px;border-top:4px solid var(--abaco-red,#D71920);box-shadow:0 18px 45px rgba(0,0,0,.35);padding:18px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.abaco-geo-banner-text{flex:1 1 260px;display:flex;flex-direction:column;gap:4px}
.abaco-geo-banner-text strong{font-size:14px;text-transform:uppercase;letter-spacing:.2px}
.abaco-geo-banner-text span{font-size:12px;color:#c9c9cc;line-height:1.5}
.abaco-geo-banner-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.abaco-geo-btn{border:0;border-radius:6px;padding:11px 16px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;white-space:nowrap}
.abaco-geo-btn-red{background:var(--abaco-red,#D71920);color:#fff}
.abaco-geo-btn-red:hover{background:var(--abaco-red-dark,#A90F15)}
.abaco-geo-btn-red:disabled{opacity:.7;cursor:default}
.abaco-geo-btn-ghost{background:transparent;color:#ccc;border:1px solid #444}
.abaco-geo-btn-ghost:hover{color:#fff;border-color:#666}

@media (max-width:600px){
	.abaco-geo-banner{left:12px;right:12px;bottom:-220px}
	.abaco-geo-banner.is-visible{bottom:12px}
	.abaco-geo-banner-inner{padding:16px;flex-direction:column;align-items:stretch;text-align:center}
	.abaco-geo-banner-actions{justify-content:center}
	.abaco-geo-btn{flex:1 1 auto}
}
