/* BAIREN · Portal · Ajustes de catalogo (25/10/2026), sobre el diseño de siempre: claridad, textos, legibilidad y funciones. Sin cambiar colores, encabezado, pie, fotos, logo ni formas. */
/* buscar.html y guardados.html. Con IDENTIDAD.md: la casa es navy (banda del título, barra de filtros, alerta) y la lista
   vive en la hoja crema. Las piezas nuevas llevan clases mc-* y repiten las medidas de la base: controles de 44 px con
   radio de 10 (--r-ctl), cajas de 14 (--r-box), etiquetas en píldora, Jost 500 en controles y Playfair en títulos. */

.mc-pagina [hidden],.mc-oculto{display:none!important}

/* ── La banda navy: el título en una línea y, debajo, qué son (en el celular estaba oculto) ── */
body.p-catalogo .p-catband.mc-banda{display:block}
body.p-catalogo .mc-banda .p-catband-in{display:block;max-width:1256px}
body.p-catalogo .mc-banda #resTitle{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.p-catalogo .mc-banda #resTitle .n{color:var(--gold,#C2A968);font-variant-numeric:tabular-nums lining-nums}
body.p-catalogo .mc-banda .mc-sub{display:block!important;margin:6px 0 0;font:300 .9375rem/1.45 var(--font-body)!important;color:rgba(251,250,246,.8)}
@media(min-width:1024px){
  body.p-catalogo .p-catband.mc-banda{padding:34px 40px 26px}
  body.p-catalogo .mc-banda .p-catband-eyebrow{display:none}
  body.p-catalogo .mc-banda #resTitle{font-size:2rem}
}

/* ── La barra de filtros, navy (como pide IDENTIDAD.md): Barrio, Precio y Ambientes; Filtros, Ordenar y Ver mapa ── */
.mc-filtros{background:var(--p-navy-2,#1E2A3F);border-bottom:1px solid rgba(194,169,104,.32)}
.mc-filtros-in{box-sizing:border-box;max-width:1256px;margin:0 auto;padding:12px 16px 14px}
.mc-barra{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.mc-barra > *{grid-column:span 2;min-width:0}
@media(min-width:1024px){
  .mc-filtros{position:sticky;top:64px;z-index:900}
  .mc-filtros-in{padding:12px 40px}
  .mc-barra{display:flex;align-items:center;gap:10px}
  .mc-barra > *{flex:0 0 auto}
  .mc-barra > .mc-fw > .mc-btn{min-width:150px}
  .mc-barra > .mc-orden{margin-left:auto;min-width:190px}
}
.mc-btn{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;margin:0;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-ctl,10px);background:rgba(255,255,255,.05);color:#FBFAF6;font:500 .9375rem/1 var(--font-body);letter-spacing:.005em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .16s ease,background-color .16s ease}
@media(min-width:1024px){.mc-btn{width:auto;padding:0 16px}}
.mc-btn .t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.mc-btn svg{width:16px;height:16px;flex:none;color:var(--gold-light,#DECDA0)}
.mc-btn .mc-chev{width:13px;height:13px;transition:transform .16s ease}
@media(hover:hover) and (pointer:fine){.mc-btn:hover{border-color:var(--gold,#C2A968)}}
.mc-btn:active{background:rgba(255,255,255,.10)}
.mc-btn[aria-expanded="true"]{border-color:var(--gold,#C2A968);background:rgba(194,169,104,.16)}
.mc-btn[aria-expanded="true"] .mc-chev{transform:rotate(180deg)}
.mc-btn.on{border-color:var(--gold,#C2A968);background:rgba(194,169,104,.16);color:var(--gold-light,#DECDA0)}
.mc-btn:focus-visible,.mc-orden:focus-within{outline:0;box-shadow:0 0 0 3px rgba(194,169,104,.45)}
.mc-btn .cnt{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-pill,999px);background:var(--gold,#C2A968);color:var(--navy-deeper,#131D2D);font:600 .75rem/1 var(--font-body)}
/* Una regla vieja deja rectos todos los botones con !important: estos conservan el radio de siempre */
:root .mc-filtros button.mc-btn{border-radius:var(--r-ctl,10px)!important}
:root .mc-activos .mc-chip{border-radius:var(--r-pill,999px)!important}
:root .mc-pop .mc-pop-x{border-radius:var(--r-ctl,10px)!important}
.mc-orden select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none}

/* Los filtros puestos: etiquetas con cruz, en píldora oro sobre navy (como los barrios elegidos del buscador) */
.mc-activos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.mc-chip{display:inline-flex;align-items:center;gap:8px;height:44px;max-width:100%;padding:0 14px 0 16px;border:0;border-radius:var(--r-pill,999px);background:rgba(194,169,104,.18);color:var(--gold-light,#DECDA0);font:500 .875rem/1 var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mc-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-chip svg{width:14px;height:14px;flex:none}
@media(hover:hover) and (pointer:fine){.mc-chip:hover{background:rgba(194,169,104,.28)}}
.mc-chip:focus-visible,.mc-chip-todo:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(194,169,104,.45)}
.mc-chip-todo{height:44px;padding:0 6px;border:0;background:none;color:rgba(251,250,246,.82);font:400 .875rem/1 var(--font-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* ── Los paneles de Barrio, Precio y Ambientes: en la compu, un desplegable blanco como el de Precio de siempre; en el
   celular, una hoja que sube desde abajo, igual a la de Filtros ── */
.mc-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:960;display:none;flex-direction:column;box-sizing:border-box;width:340px;max-width:calc(100vw - 32px);max-height:min(72vh,600px);background:#fff;color:var(--s-navy,#2A3A52);border:1px solid rgba(42,58,82,.15);border-radius:var(--r-box,14px);box-shadow:0 12px 32px rgba(19,29,45,.12);font-family:var(--font-body);text-align:left;white-space:normal}
.mc-pop.open{display:flex}
#barrioPop{width:400px}
.mc-pop-cab{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 8px 8px 20px}
.mc-pop-t{margin:0;font:700 1.375rem/1.2 var(--font-body);color:var(--navy-deeper,#131D2D)}
.mc-pop-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-ctl,10px);background:none;color:var(--navy-deeper,#131D2D);cursor:pointer}
.mc-pop-x svg{width:20px;height:20px}
.mc-pop-cuerpo{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 16px}
.mc-pop-pie{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid rgba(42,58,82,.1)}
.mc-pop-pie .lnk,.p-drawer .foot .lnk{height:44px;padding:0 4px;border:0;background:none;color:var(--s-navy,#2A3A52);font:400 .9375rem/1 var(--font-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mc-pop-pie .p-btn{flex:1 1 auto;max-width:260px;height:46px;justify-content:center}
@media(max-width:820px){
  .mc-pop.open{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:1600;width:auto;max-width:none;max-height:min(86dvh,680px);padding-bottom:env(safe-area-inset-bottom,0px);border:0;border-radius:var(--r-box,14px) var(--r-box,14px) 0 0;box-shadow:0 -8px 32px rgba(10,20,40,.14);animation:mc-sube .28s cubic-bezier(.22,1,.36,1)}
  #barrioPop{width:auto}
  .mc-pop-pie .p-btn{max-width:none}
}
@keyframes mc-sube{from{transform:translateY(100%)}to{transform:none}}
.mc-velo{position:fixed;inset:0;z-index:1590;background:rgba(19,29,45,.5)}
html.mc-hoja-abierta,html.mc-hoja-abierta body{overflow:hidden}

/* Adentro: los mismos botones y campos blancos de la hoja de Filtros */
.mc-pop .p-fbtn{box-sizing:border-box;height:46px;padding:0 14px;border:1px solid rgba(42,58,82,.22);border-radius:var(--r-ctl,10px);background:#fff;color:var(--s-navy,#2A3A52);font:500 1rem/1 var(--font-body);cursor:pointer}
.mc-pop .p-fbtn.on,.mc-pop .p-fbtn[aria-pressed="true"]{background:var(--s-navy,#2A3A52);border-color:var(--s-navy,#2A3A52);color:#fff}
.mc-pop .p-fsel,.p-drawer .mc-rango .p-fsel,.p-drawer input.p-fsel{box-sizing:border-box;width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid rgba(42,58,82,.22);border-radius:var(--r-ctl,10px);background:#fff none;color:var(--s-navy,#2A3A52);font:400 1rem/1.2 var(--font-body)}
.mc-pop .p-fsel::placeholder{color:rgba(42,58,82,.55)}
.mc-pop .p-fsel:focus,.p-drawer .mc-rango .p-fsel:focus{outline:0;border-color:var(--gold,#C2A968);box-shadow:0 0 0 3px rgba(194,169,104,.35)}
.mc-rot{display:block;margin:16px 0 8px;font:500 .875rem/1.3 var(--font-body);color:var(--s-navy,#2A3A52)}
.mc-pop-cuerpo > .mc-rot:first-child{margin-top:0}
.mc-rango{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.mc-seg{display:flex;flex-wrap:wrap;gap:8px}
.mc-seg .p-fbtn{min-width:52px}
.p-mon.mc-seg{margin-top:12px}
.mc-atajos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mc-atajos .p-fbtn{width:100%;justify-content:center;font-variant-numeric:tabular-nums lining-nums}
/* Barrios: varios a la vez; los que hoy no tienen departamentos, apagados */
.mc-zonas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mc-zona.p-fbtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;text-align:left}
.mc-zona .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-zona small{flex:none;font:400 .8125rem/1 var(--font-body);color:var(--p-tinta-2,#59647A);font-variant-numeric:tabular-nums lining-nums}
.mc-zona.on small{color:rgba(255,255,255,.8)}
.mc-zona[disabled]{opacity:.45;cursor:default}

/* ── Filtros: la hoja de siempre, con la cabecera fija al deslizar y el precio primero ── */
body.p-catalogo .p-drawer .mc-hoja-cab{position:sticky;top:-22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-22px -20px 4px;padding:18px 8px 10px 20px;background:#fff;border-bottom:1px solid rgba(42,58,82,.1)}
body.p-catalogo .p-drawer .mc-hoja-cab .x{position:static;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}
body.p-catalogo .p-drawer .mc-hoja-cab .x svg{width:22px;height:22px}
body.p-catalogo .p-drawer .grp .t{display:block;margin:0 0 10px;font:500 .9375rem/1.3 var(--font-body)!important;color:var(--s-navy,#2A3A52)}
body.p-catalogo .p-drawer .mc-campo{width:100%}
body.p-catalogo .p-drawer .mc-zona.p-fbtn{height:46px}
body.p-catalogo .p-drawer .foot .p-btn{flex:1 1 auto;height:46px;justify-content:center}
body.p-catalogo .p-drawer .checks label{min-height:44px}

/* ── Con 1 resultado o ninguno: una caja como la de "Todavía no hay unidades así", con botones cortos y su número ── */
.mc-ampliar{margin-top:14px;padding:18px 18px 20px;background:var(--p-card-w,#FFFDF8);border:1px solid rgba(19,29,45,.08);border-radius:var(--r-box,14px)}
.mc-amp-bs{display:flex;flex-wrap:wrap;gap:8px}
body.p-catalogo .mc-amp-bs .p-fbtn{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 14px;border:1px solid rgba(42,58,82,.22);background:#fff;color:var(--s-navy,#2A3A52);font:500 1rem/1 var(--font-body);cursor:pointer}
body.p-catalogo .mc-amp-bs .p-fbtn small{font:400 .875rem/1 var(--font-body);color:var(--p-tinta-2,#59647A);font-variant-numeric:tabular-nums lining-nums}
@media(hover:hover) and (pointer:fine){body.p-catalogo .mc-amp-bs .p-fbtn:hover{border-color:var(--s-navy,#2A3A52)}}
.mc-amp-todos.p-btn{display:flex;width:100%;height:46px;margin-top:14px;justify-content:center}
@media(min-width:1024px){.mc-ampliar{max-width:620px}}

/* ── La alerta, al final: un bloque navy como los de captación; el rótulo y el botón, en una fila ── */
.mc-alerta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-top:28px;padding:18px 20px;background:var(--navy-deeper,#131D2D);color:#FBFAF6;border-radius:var(--r-box,14px);border-top:1px solid rgba(194,169,104,.32)}
body.p-catalogo .mc-alerta .mc-alerta-t{margin:0;font:500 1.25rem/1.2 var(--font-display)!important;color:#FBFAF6!important}
.mc-alerta-acts{display:flex;flex-wrap:wrap;gap:10px}
body.p-catalogo .mc-alerta .p-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid rgba(194,169,104,.7);background:transparent;color:var(--gold-light,#DECDA0)}
@media(hover:hover) and (pointer:fine){body.p-catalogo .mc-alerta .p-btn:hover{background:var(--gold,#C2A968);border-color:var(--gold,#C2A968);color:var(--navy-deeper,#131D2D)}}
body.p-catalogo .mc-alerta .p-btn.p-btn-fill{background:var(--gold,#C2A968);border-color:var(--gold,#C2A968);color:var(--navy-deeper,#131D2D)}
body.p-catalogo .mc-alerta .p-btn svg{width:16px;height:16px}
@media(min-width:1024px){.mc-alerta{padding:20px 28px}}

/* La paginación de siempre, con cada número de 44 px */
body.p-catalogo .p-pager button{min-width:44px}

/* ── Ver mapa: en el celular flota abajo (navy, como el encabezado) cuando el de la barra ya no se ve ── */
.mc-mapa{position:fixed;left:50%;bottom:calc(var(--mc-tabbar,0px) + 16px + env(safe-area-inset-bottom,0px));z-index:980;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border:1px solid rgba(194,169,104,.45);border-radius:var(--r-ctl,10px);background:var(--navy-deeper,#131D2D);color:#FBFAF6;font:500 .9375rem/1 var(--font-body);text-decoration:none;white-space:nowrap;box-shadow:0 12px 32px rgba(10,20,40,.28);visibility:hidden;opacity:0;transform:translateX(-50%) translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;-webkit-tap-highlight-color:transparent}
.mc-mapa.mc-mapa--ver{visibility:visible;opacity:1;transform:translateX(-50%);transition:opacity .22s ease,transform .22s ease,visibility 0s}
.mc-mapa svg{width:18px;height:18px;flex:none;color:var(--gold-light,#DECDA0)}
.mc-mapa:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(194,169,104,.55)}
html.mc-hoja-abierta .mc-mapa{visibility:hidden;opacity:0}
@media(min-width:1024px){.mc-mapa{display:none}}

/* ── Guardados: el vacío dice qué hacer y el título cuántos hay ── */
.mc-gu-sub{margin:4px 0 14px;font:400 .9375rem/1.45 var(--font-body);color:var(--p-tinta-2,#59647A)}
.mc-gu-vacio{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 20px 22px;background:var(--p-card-w,#FFFDF8);border:1px solid rgba(19,29,45,.08);border-radius:var(--r-box,14px)}
.mc-gu-vacio > svg{width:28px;height:28px;color:var(--gold-dark,#8A7547)}
.mc-gu-vacio-t{margin:0;font:500 1.3rem/1.25 var(--font-display);color:var(--navy-deeper,#131D2D)}
.mc-gu-vacio .p-btn{display:inline-flex;height:46px;margin-top:6px;padding:0 22px;justify-content:center}
@media(max-width:599px){.mc-gu-vacio .p-btn{width:100%}}

@media(prefers-reduced-motion:reduce){
  .mc-pop.open{animation:none}
  .mc-mapa,.mc-mapa.mc-mapa--ver,.mc-btn,.mc-btn .mc-chev{transition:none}
}

/* ══ 26/10/2026 · El catálogo como bairengroup.com, con la estética del portal ════════════════════════════════════════
   Tomás: "en el catálogo seguí la interfaz de bairengroup.com, y que el mapa aparezca de la misma forma, solamente que
   cuando seleccione un barrio el usuario pueda seleccionar otro barrio o buscar". Compu: la banda navy con el título a la
   izquierda y el mapa de barrios a la derecha. Celular: "Barrios" abre el mapa en una hoja navy. Abajo, Ambientes,
   Precio y el buscador de texto; Filtros y Ordenar, discretos sobre la lista. */
.mc-banda-mapa{display:none}
@media(min-width:1024px){
  body.p-catalogo .p-catband.mc-banda--mapa{padding:30px 40px 22px}
  body.p-catalogo .p-catband.mc-banda--mapa .p-catband-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
  body.p-catalogo .mc-banda--mapa .p-catband-eyebrow{display:block;margin:0 0 14px}
  .mc-banda-mapa{display:block;min-width:0}
  #mapaHero{max-width:600px;margin:0 0 0 auto}
}
/* Elegido un barrio en el mapa (compu): cuántos hay, para bajar a la lista, y Borrar */
.mc-mapa-acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:22px}
.mc-ver{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border:0;background:var(--gold,#C2A968);color:var(--navy-deeper,#131D2D);font:500 .9375rem/1 var(--font-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s ease}
:root button.mc-ver{border-radius:var(--r-ctl,10px)!important}
.mc-ver svg{width:16px;height:16px;flex:none}
.mc-ver:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.mc-ver:hover{background:var(--gold-light,#DECDA0)}}
.mc-ver:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(222,205,160,.6)}
.mc-ver:disabled{opacity:.55;cursor:default;transform:none}
.mc-mapa-acc .mc-chip-todo{color:rgba(251,250,246,.82)}

/* La barra: en el celular, Barrios a lo ancho, Ambientes y Precio en dos, y el buscador a lo ancho */
.mc-barra > .mc-barrios{grid-column:span 6}
.mc-barra > .mc-fw{grid-column:span 3}
.mc-barra > .mc-buscar{grid-column:span 6}
.mc-barrios .t{max-width:calc(100% - 50px)}
@media(min-width:1024px){
  .mc-barra > .mc-barrios{display:none}
  .mc-barra > .mc-buscar{flex:0 1 360px;margin-left:auto}
}
.mc-buscar{position:relative;display:flex;align-items:center;min-width:0;margin:0}
.mc-buscar > svg{position:absolute;left:14px;top:50%;width:17px;height:17px;margin-top:-8.5px;color:var(--gold-light,#DECDA0);pointer-events:none}
.mc-buscar input{box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 12px 0 40px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-ctl,10px);background:rgba(255,255,255,.05);color:#FBFAF6;font:400 1rem/1.2 var(--font-body);-webkit-appearance:none;appearance:none}
.mc-buscar input::placeholder{color:rgba(251,250,246,.6)}
.mc-buscar input:focus{outline:0;border-color:var(--gold,#C2A968);box-shadow:0 0 0 3px rgba(194,169,104,.35)}
.mc-buscar input::-webkit-search-cancel-button{filter:invert(1) brightness(1.4);opacity:.7;cursor:pointer}

/* Fila de resultados, sobre la hoja crema: Filtros y Ordenar a la derecha */
.mc-res{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 14px}
.mc-res-b{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:44px;margin:0;padding:0 14px;border:1px solid rgba(42,58,82,.2);background:#fff;color:var(--s-navy,#2A3A52);font:500 .875rem/1 var(--font-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .2s ease}
:root .mc-res .mc-res-b{border-radius:var(--r-ctl,10px)!important}
.mc-res-b svg{width:15px;height:15px;flex:none}
.mc-res-b:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.mc-res-b:hover{border-color:var(--s-navy,#2A3A52)}}
.mc-res-b.on{border-color:var(--s-navy,#2A3A52)}
.mc-res-b:focus-visible,.mc-res-b.mc-orden:focus-within{outline:0;box-shadow:0 0 0 3px rgba(194,169,104,.45)}
.mc-res-b .cnt{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold,#C2A968);color:var(--navy-deeper,#131D2D);font:600 .75rem/1 var(--font-body)}

/* La hoja del mapa (celular): navy, como la de bairengroup.com; sube desde abajo y se va más rápido */
.mc-mhoja{position:fixed;left:0;right:0;bottom:0;z-index:1600;display:flex;flex-direction:column;max-height:calc(100dvh - 24px);background:var(--navy-deeper,#131D2D);color:#FBFAF6;border-radius:var(--r-box,14px) var(--r-box,14px) 0 0;box-shadow:0 -8px 32px rgba(10,20,40,.3);padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform .2s cubic-bezier(.32,.72,0,1)}
.mc-mhoja.in{transform:none;transition-duration:.3s}
.mc-mhoja-cab{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px 10px 20px;border-bottom:1px solid rgba(194,169,104,.18)}
.mc-mhoja-t{margin:0;font:500 1.3125rem/1.2 var(--font-display);color:#FBFAF6}
.mc-mhoja-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:#FBFAF6;cursor:pointer}
.mc-mhoja-x svg{width:20px;height:20px}
.mc-mhoja-mapa{flex:1 1 auto;min-height:0;overflow:hidden;padding:14px 4px 8px}
.mc-mhoja-pie{flex:none;display:flex;align-items:center;gap:16px;padding:12px 20px 14px;border-top:1px solid rgba(194,169,104,.18)}
.mc-mhoja-pie .lnk{height:44px;padding:0 4px;border:0;background:none;color:rgba(251,250,246,.85);font:400 .9375rem/1 var(--font-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mc-mhoja-pie .mc-ver{flex:1 1 auto;margin-left:auto}
@media(min-width:1024px){.mc-mhoja{display:none!important}}
@media(prefers-reduced-motion:reduce){.mc-mhoja,.mc-mhoja.in{transition:none}.mc-ver,.mc-res-b{transition:none}}
/* La base pinta navy los títulos y deja rectos los botones: estos conservan su color y su radio */
body.p-catalogo .mc-mhoja h2.mc-mhoja-t{color:#FBFAF6!important;font:500 1.3125rem/1.2 var(--font-display)!important}
:root body.p-catalogo button.mc-mapa{border-radius:var(--r-ctl,10px)!important}
/* "Ver N departamentos" bajo el título es de la compu: en el celular la lista está justo abajo */
@media(max-width:1023px){.mc-mapa-acc{display:none!important}}