/* Listing grid rules main.js injects for the <c-location-grid> element, retargeted to the static
   .c-location-grid div (BienCards) so the cards keep the exact same layout. */
.c-location-grid .grid{transition:opacity .64s var(--ease)}
body.--loading .c-location-grid .grid.is--loading{opacity:.2;pointer-events:none}
.c-location-grid .grid .card{grid-area:span 1 / span 4 / span 1 / span 4}
.c-location-grid .grid .tag{border:1px solid var(--_colors---dark--20);background-color:transparent;color:var(--_colors---dark--base)}
.c-location-grid .grid .card .btn-icon .icon{transform:rotate(-45deg)}
.c-location-grid .grid .card .card-actions{flex-wrap:wrap;gap:1em 2em}
.c-location-grid .grid .card .btn.is--whatsapp .btn-icon .icon{transform:rotate(0)}