/* ============================================================================
   mapa.css — LOS MAPAS DE GOOGLE (22-oct-2026; la lógica en js/mapa-google.js).
   · Siempre: los puntos, los grupos y el mapita (más abajo, «el mapa del buscador» y «los puntos»).
   · La vista tipo Airbnb (guardada, apagada) sólo actúa con body.mg-on: canal «mapa» o ?mapa=airbnb.
   · Celular: el mapa ocupa la pantalla; arriba, fijos, el buscador de inmobiliarIA y una fila de botones que se
     desliza de costado (Venta, Alquiler, tipos) más el botón de filtros (presupuesto y dormitorios); abajo la hoja
     con los resultados, que se sube con el dedo, y la barra Buscar · Ofrecer · Favoritos · Yo.
   · Computadora: la lista a la izquierda y el mapa fijo a la derecha.
   · Condición de Google: su logo y sus créditos quedan siempre a la vista. Por eso el mapa termina donde empieza la
     hoja (--mg-peek) y la tarjeta flotante deja libre la franja de abajo del mapa.
   ========================================================================== */
:root{--mg-peek:64vh;--mg-peek:64svh;--mg-nav:70px;--mg-ancho:44vw}

/* ---------- la barra Buscar · Ofrecer · Favoritos · Yo, abajo (en todas las pantallas) ---------- */
body.mg-on .pt-fila.n1{position:fixed;left:0;right:0;bottom:0;z-index:1400;margin:0;max-width:none;width:auto;
  padding:6px 10px calc(6px + env(safe-area-inset-bottom));gap:2px;border-radius:0;
  background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);box-shadow:0 -8px 24px -18px rgba(21,24,28,.4)}
body.mg-on .pt-fila.n1 .pt-b{min-height:56px;gap:4px;padding:4px 2px;background:transparent;box-shadow:none;border-radius:14px;
  color:var(--ink-3);font-size:12.5px;font-weight:600}
body.mg-on .pt-fila.n1 .pt-b svg{width:24px;height:24px;box-sizing:content-box;padding:3px 14px;border-radius:999px;stroke:var(--ink-3);
  transition:background-color .15s,stroke .15s}
body.mg-on .pt-fila.n1 .pt-b.on{background:transparent;color:var(--sel);box-shadow:none}
body.mg-on .pt-fila.n1 .pt-b.on svg{stroke:var(--sel);background:var(--accent-soft)}
body.mg-on .pt-fila.n1 .pt-b i{background:var(--sel);color:#fff}
@media (hover:hover) and (pointer:fine){
  body.mg-on .pt-fila.n1 .pt-b:hover{background:transparent;box-shadow:none;color:var(--ink)}
  body.mg-on .pt-fila.n1 .pt-b.on:hover{background:transparent;color:var(--sel)}
}
body.mg-on .pt-app{padding-bottom:calc(var(--mg-nav) + 24px + env(safe-area-inset-bottom))}
body.mg-on #bajo-portal{padding-bottom:calc(var(--mg-nav) + 40px + env(safe-area-inset-bottom))}
body.mg-on .pt-asis{bottom:calc(var(--mg-nav) + 12px + env(safe-area-inset-bottom))}

/* ---------- la pantalla del mapa ---------- */
body.mg-mapa .top,body.mg-mapa #bajo-portal,body.mg-mapa .web-pie{display:none}
body.mg-mapa #v-portal{padding-bottom:0}
body.mg-mapa .pt-asis:not(.on){display:none}          /* inmobiliarIA está en el buscador de arriba */
.pt-app.pt-mg{padding-bottom:0}
#mg-mapa{position:fixed;left:0;right:0;top:0;height:var(--mg-peek);z-index:0;background:#E8ECEA}
body:not(.mg-mapa) #mg-mapa,#mg-mapa[hidden]{display:none}
.mg-lienzo{width:100%;height:100%}

/* ---------- el mapa del buscador (producción): un punto por propiedad, agrupados al alejar ---------- */
.mg-clasico{position:relative;width:100%;height:100%;isolation:isolate;z-index:0}   /* lo de Google queda abajo de la tarjeta (#174) */
.mg-pin.punto.rojo{width:24px;height:24px;background:var(--sel);box-shadow:0 0 0 3px #fff,0 3px 10px rgba(0,0,0,.3)}
.mg-pin.punto.casi{width:18px;height:18px;background:var(--sel);opacity:.45;box-shadow:0 0 0 2.5px #fff,0 2px 6px rgba(0,0,0,.25)}
.mg-pin.punto.corazon{width:30px;height:30px;background:transparent;box-shadow:none}
.mg-pin.punto.corazon svg{width:30px;height:30px;fill:var(--sel);stroke:#fff;stroke-width:1.5;stroke-linejoin:round;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));overflow:visible}
/* #174 (31-oct): QUIETOS. Nada de `scale` en los puntos: escala también su desplazamiento y el punto salta. El hover y
   el elegido se marcan con un anillo. */
@media (hover:hover) and (pointer:fine){.mg-pin.punto.rojo:hover{box-shadow:0 0 0 3px #fff,0 0 0 8px rgba(217,27,46,.28),0 3px 10px rgba(0,0,0,.3)}
  .mg-pin.punto.corazon:hover svg{filter:drop-shadow(0 0 6px rgba(217,27,46,.55)) drop-shadow(0 3px 5px rgba(0,0,0,.35))}}
.mg-pin.punto.rojo.on,.mg-pin.punto.casi.on{opacity:1;box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(217,27,46,.35),0 4px 12px rgba(0,0,0,.35)}
.mg-pin.punto.corazon.on svg{filter:drop-shadow(0 0 7px rgba(217,27,46,.7)) drop-shadow(0 3px 5px rgba(0,0,0,.35))}
/* #201 (08-nov): «soy yo, acá estoy» — el punto elegido desde la lista late dos veces (un anillo que se abre y se apaga) */
.mg-pin.punto.late::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;
  border:3px solid var(--sel);pointer-events:none;animation:mg-latido .75s cubic-bezier(.16,1,.3,1) 2}
@keyframes mg-latido{0%{transform:scale(.7);opacity:.95}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.mg-pin.punto.late::after{animation:none;transform:scale(1.7);opacity:.6}}
.mg-grupo{position:absolute;left:0;top:0;width:40px;height:40px;padding:0;border:3px solid #fff;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;background:var(--sel);color:#fff;font:600 16px/1 var(--font-display,'Jost',sans-serif);
  box-shadow:0 0 0 6px rgba(217,27,46,.18),0 3px 12px rgba(0,0,0,.3);transition:box-shadow .15s}
.mg-grupo::before{content:"";position:absolute;inset:-6px}
.mg-grupo.tapa{visibility:hidden}
/* #150: el grupo abierto en abanico — cada punto con su anillo blanco, por encima de todo */
.mg-pin.abanico{box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(217,27,46,.35),0 4px 12px rgba(0,0,0,.35)}
/* el desplegable Mapa / Satélite de Google, con nuestro redondeado */
.mg-clasico .gm-style-mtc,.mg-chico .gm-style-mtc{margin:10px}
.mg-clasico .gm-style-mtc>button,.mg-chico .gm-style-mtc>button{border-radius:999px!important;font-family:var(--font-ui)!important;font-size:13px!important;height:34px!important;padding:0 14px!important}
@media (hover:hover) and (pointer:fine){.mg-grupo:hover{box-shadow:0 0 0 9px rgba(217,27,46,.28),0 3px 12px rgba(0,0,0,.3)}}
/* #176: «+N fuera de Río Cuarto» */
.mg-lejos{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:3;border:0;border-radius:999px;padding:8px 14px;
  background:#fff;color:var(--ink);font:600 13px var(--font-ui);box-shadow:0 2px 10px rgba(0,0,0,.18);cursor:pointer;white-space:nowrap}
.mg-lejos[hidden]{display:none}
/* #174: la tarjeta del punto (en la compu, sobre el punto; en el celular, abajo del mapa) */
.mg-ficha{position:absolute;z-index:4;display:flex;width:330px;max-width:calc(100% - 20px);min-height:104px;background:var(--surface,#fff);
  border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(21,24,28,.06),0 10px 30px -8px rgba(21,24,28,.35);cursor:pointer;
  animation:mg-sube .18s cubic-bezier(.16,1,.3,1)}
.mg-ficha[hidden]{display:none}
.mg-ficha.abajo{left:10px;right:10px;bottom:34px;width:auto;max-width:none}
.mg-ficha .mf-foto{position:relative;flex:0 0 112px;background:#E7EBE9}
.mg-ficha .mf-foto>img,.mg-ficha .mf-foto>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mg-ficha .mf-cuerpo{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.mg-ficha .pt-l1{font-size:12.5px}
.mg-ficha .mf-dir{font-size:14.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-ficha .mf-dir span{font-size:12px;font-weight:400;color:var(--ink-3)}
.mg-ficha .mf-precio{font-family:var(--font-display);font-weight:500;font-size:19px;line-height:1.2}
.mg-ficha .mf-precio span{font-size:12.5px;font-weight:400;color:var(--ink-2)}
.mg-ficha .mf-abrir{align-self:flex-start;margin-top:6px;border:0;border-radius:999px;padding:7px 14px;background:var(--sel);color:#fff;
  font:600 13px var(--font-ui);cursor:pointer}
.mg-ficha .mf-x{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:var(--niebla,#F1F3F2);
  display:grid;place-items:center;cursor:pointer}
.mg-ficha .mf-x svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.mg-ficha:not(.abajo) .mf-x{display:none}

/* cabecera fija: buscador + filtros + fila de botones */
.pt-mg .mg-cab{position:fixed;left:0;right:0;top:0;z-index:1300;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;
  background:rgba(241,243,242,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 10px 24px -20px rgba(21,24,28,.6)}
.mg-cab-fila{display:flex;align-items:center;gap:8px}
.pt-mg .pt-ia{flex:1;min-width:0;margin:0;min-height:52px;padding:5px 5px 5px 10px}
.mg-iso{width:26px;height:26px;border-radius:7px;flex:none;display:block}
.mg-filtros-btn{position:relative;flex:none;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);
  color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--pt-sombra)}
.mg-filtros-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mg-filtros-btn.on{border-color:var(--sel);color:var(--sel)}
.mg-filtros-btn i{position:absolute;top:-4px;right:-4px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--sel);color:#fff;
  font:600 11.5px/21px var(--font-ui);font-style:normal;text-align:center;box-shadow:0 0 0 2px #fff}
.mg-chips{display:flex;align-items:center;gap:8px;margin:10px -12px 0;padding:2px 12px 4px;overflow-x:auto;overscroll-behavior-x:contain;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mg-chips::-webkit-scrollbar{display:none}
.mg-chips .pt-fila{display:contents}
.pt-mg .mg-chips .pt-b{flex:0 0 auto;min-height:40px;padding:7px 14px;font-size:16px;white-space:nowrap;box-shadow:none}
.pt-mg .mg-chips .pt-b.on{box-shadow:var(--sombra-sel)}
.mg-chips .pt-b i{font-size:12px}
.mg-sep{flex:0 0 1px;align-self:stretch;margin:7px 2px;background:var(--line-2)}

/* la hoja de resultados: arranca abajo y se sube con el dedo hasta cubrir el mapa */
.mg-hueco{height:var(--mg-peek)}
.mg-hoja{position:relative;z-index:1;margin:0 -14px;padding:4px 16px calc(var(--mg-nav) + 36px + env(safe-area-inset-bottom));
  min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);background:var(--surface);border-radius:26px 26px 0 0;
  box-shadow:0 -12px 30px -22px rgba(21,24,28,.55)}
.mg-asa{width:42px;height:5px;border-radius:999px;background:var(--line-2);margin:8px auto 0}
.pt-mg .pt-res{padding:12px 0 4px;gap:8px}
.pt-mg .pt-conteo{font-size:21px}
.mg-nota{font-size:13.5px;color:var(--ink-3);text-align:center;line-height:1.5;margin:4px 6px 16px}
/* tarjetas grandes, foto arriba (como en Airbnb) */
.pt-mg .pt-lista{gap:28px}
.pt-mg .pt-card{flex-direction:column}
.pt-mg .pt-foto{flex:none;width:100%;aspect-ratio:4/3;min-height:0;border-radius:22px}
.pt-mg .pt-cuerpo{padding:12px 4px 0}
.pt-mg .pt-fav{top:12px;right:12px}
.pt-mg .pt-casi .pt-foto{aspect-ratio:16/9}
/* volver al mapa cuando la lista lo tapa */
.mg-a-mapa{position:fixed;left:50%;bottom:calc(var(--mg-nav) + 16px + env(safe-area-inset-bottom));z-index:1350;
  display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-radius:999px;background:var(--ink);color:#fff;
  font:600 15.5px var(--font-ui);cursor:pointer;box-shadow:var(--shadow-alta);
  opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1)}
.mg-a-mapa svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
body.mg-lista .mg-a-mapa{opacity:1;pointer-events:auto;transform:translate(-50%,0)}

/* ---------- la tarjeta flotante al tocar un precio ---------- */
.mg-tarjeta{position:fixed;z-index:1350;left:12px;right:12px;bottom:calc(100vh - var(--mg-peek) + 40px);bottom:calc(100dvh - var(--mg-peek) + 40px);
  display:flex;min-height:132px;background:var(--surface);border-radius:22px;overflow:hidden;cursor:pointer;
  box-shadow:0 0 0 1px rgba(21,24,28,.05),var(--shadow-alta);animation:mg-sube .24s cubic-bezier(.16,1,.3,1)}
.mg-tarjeta[hidden],body:not(.mg-mapa) .mg-tarjeta{display:none}
.mg-t-foto{position:relative;flex:0 0 38%;max-width:180px;background:#E7EBE9}
.mg-t-foto>img,.mg-t-foto>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mg-t-fav{position:absolute;top:8px;left:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.94);
  display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow)}
.mg-t-fav svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}
.mg-t-fav.on svg{fill:var(--accent);stroke:var(--accent)}
.mg-t-cuerpo{flex:1;min-width:0;padding:12px 46px 12px 14px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.mg-t-cuerpo .pt-l1{font-size:13.5px}
.mg-t-dir{font-size:16px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-t-dir span{font-size:13px;font-weight:400;color:var(--ink-3)}
.mg-t-precio{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.2;margin-top:2px}
.mg-t-precio span{font-size:13.5px;font-weight:400;color:var(--ink-2);white-space:nowrap}
.mg-t-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:var(--niebla,#F1F3F2);
  display:grid;place-items:center;cursor:pointer}
.mg-t-x svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
@keyframes mg-sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- los precios sobre el mapa ---------- */
.mg-capa{position:absolute;left:0;top:0}
.mg-pin{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:4px;padding:6px 11px;border:0;border-radius:999px;
  background:#fff;color:var(--ink);font:600 14px/1.1 var(--font-ui);white-space:nowrap;cursor:pointer;
  box-shadow:0 0 0 1px rgba(21,24,28,.08),0 2px 8px rgba(21,24,28,.24);transition:scale .15s cubic-bezier(.16,1,.3,1),background-color .15s,color .15s}
.mg-pin::before{content:"";position:absolute;inset:-6px}
.mg-pin svg{width:13px;height:13px;fill:var(--accent);flex:none}
.mg-pin.visto{background:#E9ECEA;color:var(--ink-2)}
.mg-pin.hover{background:var(--ink);color:#fff}
.mg-pin.on{background:var(--sel);color:#fff;box-shadow:0 6px 16px -4px rgba(217,27,46,.6)}
.mg-pin.on svg,.mg-pin.hover svg{fill:#fff}
.mg-pin.casi{opacity:.72;box-shadow:0 0 0 1.5px rgba(21,24,28,.28),0 2px 6px rgba(21,24,28,.18)}
.mg-pin.mini{width:14px;height:14px;padding:0;gap:0;background:#fff;box-shadow:0 0 0 2.5px var(--ink-2),0 2px 6px rgba(21,24,28,.3)}
.mg-pin.mini>*{display:none}
.mg-pin.tapa{visibility:hidden}
.mg-pin.mini::before{inset:-12px}
/* los puntos del mapita (ficha) */
.mg-pin.punto{width:16px;height:16px;padding:0;background:var(--ink);box-shadow:0 0 0 2.5px #fff,0 2px 6px rgba(0,0,0,.35)}
.mg-pin.punto.fav{background:var(--accent)}
.mg-pin.punto.yo{width:24px;height:24px;background:var(--sel);cursor:default;box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(217,27,46,.2),0 3px 10px rgba(0,0,0,.3)}

/* ---------- el mapita de la ficha y el de Ofrecer ---------- */
.mg-chico{position:relative;width:100%;height:100%}
.mg-centro{display:none}
.mg-chico.ubicando .mg-centro{display:block;position:absolute;left:50%;top:50%;z-index:2;width:24px;height:24px;margin:-12px 0 0 -12px;
  border-radius:50%;background:var(--sel);pointer-events:none;box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(217,27,46,.2),0 3px 10px rgba(0,0,0,.3)}

/* ---------- el panel de filtros (presupuesto, dormitorios, cochera) ---------- */
.mg-panel{position:fixed;inset:0;z-index:1700;display:flex;align-items:flex-end;justify-content:center}
.mg-panel-fondo{position:absolute;inset:0;background:rgba(21,24,28,.42);animation:pt-fade .2s ease-out}
.mg-panel-caja{position:relative;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:var(--surface);
  border-radius:26px 26px 0 0;box-shadow:var(--shadow-alta);animation:pt-subir .24s cubic-bezier(.2,.8,.3,1)}
.mg-panel-cab{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 56px;border-bottom:1px solid var(--line)}
.mg-panel-cab b{font:500 19px var(--font-display)}
.mg-x{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;
  background:var(--niebla,#F1F3F2);display:grid;place-items:center;cursor:pointer}
.mg-x svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.mg-panel-cuerpo{overflow-y:auto;overscroll-behavior:contain;padding:18px 18px 22px;display:flex;flex-direction:column;gap:16px}
.mg-panel-cuerpo .pt-nivel{margin-top:0}
.mg-panel-nota{font-size:14.5px;color:var(--ink-3);margin:0;line-height:1.5}
.mg-panel-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.mg-limpiar{border:0;background:none;padding:10px 4px;font:600 16px var(--font-ui);color:var(--ink);text-decoration:underline;
  text-underline-offset:3px;cursor:pointer}
.mg-ver{border:0;border-radius:999px;background:var(--sel);color:#fff;padding:14px 24px;font:600 16px var(--font-ui);cursor:pointer;
  box-shadow:var(--sombra-sel)}
@media(min-width:860px){.mg-panel{align-items:center}.mg-panel-caja{border-radius:26px}}

/* ---------- computadora: la lista a la izquierda, el mapa fijo a la derecha ---------- */
@media (min-width:1000px){
  body.mg-on .pt-fila.n1{position:static;z-index:auto;padding:4px;gap:4px;border-radius:22px;background:var(--suave);border-top:0;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;max-width:520px;width:100%;align-self:center}
  body.mg-on .pt-fila.n1 .pt-b{min-height:60px;font-size:14px}
  body.mg-on .pt-fila.n1 .pt-b svg{padding:0;background:transparent}
  body.mg-on .pt-fila.n1 .pt-b.on{background:var(--sel);color:#fff;box-shadow:var(--sombra-sel)}
  body.mg-on .pt-fila.n1 .pt-b.on svg{stroke:#fff;background:transparent}
  body.mg-on .pt-app,body.mg-on #bajo-portal{padding-bottom:40px}
  body.mg-on .pt-asis{bottom:14px}
  body.mg-mapa .top{display:flex}
  body.mg-mapa #app{max-width:none}
  .pt.pt-mg{margin-right:var(--mg-ancho);padding:4px 16px 0}
  .pt-mg .pt-fila.n1{order:-1}
  #mg-mapa{top:var(--mg-tope,72px);left:auto;right:0;bottom:0;width:var(--mg-ancho);height:auto;border-left:1px solid var(--line)}
  .pt-mg .mg-cab{position:sticky;top:var(--mg-tope,72px);margin:0 -16px;padding:12px 16px 10px;background:rgba(241,243,242,.96);box-shadow:none}
  .mg-chips{margin:10px 0 0;padding:0 0 2px;flex-wrap:wrap;overflow:visible}
  .mg-hueco,.mg-asa,.mg-a-mapa{display:none}
  .mg-hoja{margin:0;padding:0 0 48px;min-height:0;background:none;border-radius:0;box-shadow:none}
  .pt-mg .pt-res{flex-direction:row;justify-content:space-between;align-items:center;padding:14px 0 6px;text-align:left}
  .mg-nota{text-align:left;margin:0 0 18px}
  .pt-mg .pt-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
  .mg-tarjeta{left:auto;right:calc(var(--mg-ancho) / 2 - 200px);width:400px;bottom:44px}
  body.mg-mapa.web .web-pie{display:block;margin-right:var(--mg-ancho)}
}