.abi-wrap{ width:100%; }
.abi-bar{
display:flex; gap:12px; background:#fff; border:1px solid #e3e7ee; border-radius:12px;
padding:8px; box-shadow:0 1px 3px rgba(11,31,77,.06); flex-wrap:wrap;
}
.abi-bar .abi-input{
flex:1; min-width:220px; display:flex; align-items:center; gap:10px; padding:10px 14px;
}
.abi-bar .abi-input .material-symbols-outlined{ color:#6b7280; font-size:20px; }
.abi-bar .abi-input input{ border:none; outline:none; font-size:14.5px; width:100%; font-family:inherit; color:#111827; }
.abi-bar .abi-input.abi-select{ border-left:1px solid #e3e7ee; }
.abi-bar .abi-input select{
border:none; outline:none; font-size:14.5px; width:100%; font-family:inherit; color:#111827;
background:transparent; cursor:pointer;
}
@media(max-width:640px){
.abi-bar .abi-input.abi-select{ border-left:none; border-top:1px solid #e3e7ee; }
}
.abi-layout{
display:grid; grid-template-columns:1.4fr 1fr; gap:24px; margin-top:24px; align-items:stretch;
}
@media(max-width:900px){
.abi-layout{ grid-template-columns:1fr; }
}
.abi-map{
position:relative;
min-height:460px;
border-radius:14px;
overflow:hidden;
border:1px solid #e3e7ee;
background:#eef1f6;
}
@media(max-width:900px){
.abi-map{ min-height:320px; }
}
.abi-results{ display:flex; flex-direction:column; gap:12px; }
.abi-results-count{ font-size:13px; color:#6b7280; font-weight:600; }
.abi-results-list{ display:flex; flex-direction:column; gap:12px; max-height:520px; overflow-y:auto; padding-right:4px; }
.abi-result{
background:#fff; border:1px solid #e3e7ee; border-radius:14px; padding:16px 18px;
transition:box-shadow .2s ease, border-color .2s ease; cursor:pointer;
}
.abi-result:hover, .abi-result.is-active{
box-shadow:0 10px 24px rgba(1,8,140,.10); border-color:#2563eb;
}
.abi-result-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.abi-result h4{ font-size:15px; color:#111827; margin:0; }
.abi-result-logo{
flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:48px; height:28px;
}
.abi-result-logo img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.abi-result .abi-place{
font-size:13px; color:#6b7280; margin-top:3px; display:flex; align-items:center; gap:4px;
}
.abi-result .abi-place .material-symbols-outlined{ font-size:14px; }
.abi-result .abi-distance{ font-size:12px; font-weight:700; color:#2563eb; margin-left:6px; }
.abi-result-footer{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; flex-wrap:wrap; }
.abi-result-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.abi-chip{
font-size:11.5px; font-weight:600; color:#1e40af; background:#eff6ff; border-radius:999px;
padding:4px 10px;
}
.abi-btn-contactar{
background:#2563eb; color:#fff; border:none; border-radius:8px; padding:8px 14px;
font-size:13px; font-weight:600; cursor:pointer;
}
.abi-btn-contactar:hover{ background:#1d4ed8; }
.abi-empty-state{
text-align:center; padding:40px 16px; color:#6b7280;
}
.abi-empty-state .material-symbols-outlined{ font-size:36px; color:#d1d5db; display:block; margin-bottom:10px; }
.abi-empty-state h4{ color:#111827; margin:0 0 4px; }
.abi-empty-state p{ font-size:13.5px; margin:0; }