/*
 * GARCÍA CANDO · REAL ESTATE R5.29
 * Ajuste puntual:
 * - transición DEL MAPA perceptible durante 3.0 s completos;
 * - movimiento visual continuo hacia arriba mediante clip-path GPU, sin salto de escala;
 * - transición de barra/burbuja R5.28 se conserva;
 * - municipios pasa a "Lugares para explorar" y recibe Compartir.
 */

html.gc521-map-route{scrollbar-gutter:stable}
html.gc521-map-route body.re-map-transition{height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}

/* El mapa ya ocupa el viewport internamente, pero durante 3 s solo se revela
   desde su rectángulo original hasta los cuatro bordes. De esta forma el borde
   superior recorre físicamente la pantalla de manera continua y visible. */
html.gc521-map-route body.re-map-transition .re-map-wrap{
  position:fixed!important;z-index:2000!important;inset:0!important;
  width:100dvw!important;height:100dvh!important;min-width:100dvw!important;min-height:100dvh!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
  border:0!important;border-radius:0!important;
  clip-path:inset(var(--re-map-clip-top,0px) var(--re-map-clip-right,0px) var(--re-map-clip-bottom,0px) var(--re-map-clip-left,0px) round var(--re-map-start-radius,18px));
  -webkit-clip-path:inset(var(--re-map-clip-top,0px) var(--re-map-clip-right,0px) var(--re-map-clip-bottom,0px) var(--re-map-clip-left,0px) round var(--re-map-start-radius,18px));
  transform:none!important;contain:layout paint!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  will-change:clip-path,-webkit-clip-path!important;transition:none!important;pointer-events:none!important;
}
html.gc521-map-route body.re-map-transition.re-map-transition-run .re-map-wrap{
  animation:gc529-map-rise 3000ms linear both!important;
}
@keyframes gc529-map-rise{
  0%{clip-path:inset(var(--re-map-clip-top,0px) var(--re-map-clip-right,0px) var(--re-map-clip-bottom,0px) var(--re-map-clip-left,0px) round var(--re-map-start-radius,18px));-webkit-clip-path:inset(var(--re-map-clip-top,0px) var(--re-map-clip-right,0px) var(--re-map-clip-bottom,0px) var(--re-map-clip-left,0px) round var(--re-map-start-radius,18px))}
  100%{clip-path:inset(0 0 0 0 round 0);-webkit-clip-path:inset(0 0 0 0 round 0)}
}

html.gc521-map-route body.re-map-transition .re-map-wrap>#reMap,
html.gc521-map-route body.re-map-transition .re-map-wrap>.re-map,
html.gc521-map-route body.re-map-immersive .re-map-wrap>#reMap,
html.gc521-map-route body.re-map-immersive .re-map-wrap>.re-map{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
}

/* Barra -> burbuja: se conserva el comportamiento de 3 s ya aprobado. */
html.gc521-map-route body.re-map-transition.gc410-page>header{
  z-index:4000!important;clip-path:inset(0 0 0 0 round 32px)!important;transform:translate3d(0,0,0)!important;
  transform-origin:left center!important;will-change:transform,clip-path!important;
  transition:transform 3000ms cubic-bezier(.40,0,.20,1),clip-path 3000ms cubic-bezier(.40,0,.20,1)!important;
}
html.gc521-map-route body.re-map-transition.re-map-transition-run.gc410-page>header{
  clip-path:inset(0 var(--re-bar-clip-final,0px) 0 0 round 32px)!important;
  transform:translate3d(var(--re-bubble-shift-x,0),var(--re-bubble-shift-y,0),0)!important;
}
html.gc521-map-route body.re-map-transition.gc410-page>header>nav{opacity:1!important;transition:opacity 2550ms cubic-bezier(.40,0,.20,1)!important}
html.gc521-map-route body.re-map-transition.re-map-transition-run.gc410-page>header>nav{opacity:0!important}

html.gc521-map-route body.re-map-transition #reMain>*:not(.re-map-wrap):not(.re-catalog-tools){opacity:1!important;transform:translate3d(0,0,0)!important;will-change:opacity,transform!important;transition:opacity 2500ms cubic-bezier(.40,0,.20,1),transform 3000ms cubic-bezier(.40,0,.20,1)!important}
html.gc521-map-route body.re-map-transition.re-map-transition-run #reMain>*:not(.re-map-wrap):not(.re-catalog-tools){opacity:0!important;transform:translate3d(0,-28px,0)!important}

/* Reducimos el coste del vidrio solamente durante la animación. */
html.gc521-map-route body.re-map-transition .re-map-wrap #reMap>#reMapGuard.re-map-guard{-webkit-backdrop-filter:blur(2px) saturate(.88) brightness(.93)!important;backdrop-filter:blur(2px) saturate(.88) brightness(.93)!important;background:rgba(10,14,12,.17)!important;transition:none!important}
html.gc521-map-route body.re-map-transition .re-map-wrap #reMap>#reMapGuard.re-map-guard>span{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.gc521-map-route body.re-map-transition .re-map-wrap>.re-catalog-tools.is-map-tools,
html.gc521-map-route body.re-map-transition.gc410-page>header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.gc521-map-route body.re-map-transition .re-map-wrap>.re-catalog-tools.is-map-tools{background:rgba(16,23,21,.97)!important}

@media (min-width:801px){
  html.gc521-map-route body.re-map-immersive.gc410-page,
  html.gc521-map-route body.re-map-immersive.gc410-page #reMain{width:100dvw!important;height:100dvh!important;min-width:100dvw!important;min-height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
  html.gc521-map-route body.re-map-immersive.gc410-page .re-map-wrap{position:fixed!important;inset:0!important;width:100dvw!important;height:100dvh!important;min-width:100dvw!important;min-height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
  html.gc521-map-route body.re-map-focus.gc410-page .re-map-wrap>.re-map-controls-r430,
  html.gc521-map-route body.re-map-immersive.gc410-page .re-map-wrap>.re-map-controls-r430{top:14px!important}
  html.gc521-map-route body.re-map-immersive.gc410-page>header{--re-bubble-y:82px}
  html.gc521-map-route body.re-map-immersive.gc410-page .re-map-wrap .leaflet-control-zoom{margin-top:166px!important;margin-left:16px!important}
}
html.gc521-map-route body.re-map-immersive,html.gc521-map-route body.re-map-immersive #reMain{margin:0!important;padding:0!important}
html.gc521-map-route body.re-map-immersive .re-map-wrap{top:0!important;margin:0!important}

/* Lugares para explorar: mantiene la tarjeta completa como enlace y separa Compartir. */
.re-municipality-card-shell{position:relative;min-width:0}
.re-municipality-card-shell>.re-municipality-card{display:block;height:100%;box-sizing:border-box;padding-bottom:54px}
.re-municipality-share{position:absolute;right:14px;bottom:14px;z-index:3;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(16,23,21,.92);color:#f2f5f4;padding:8px 12px;font:500 12px/1 'Jost',sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.re-municipality-share:hover,.re-municipality-share:focus-visible{background:#eef1f0;color:#111817;outline:none}
.re-municipality-detail-share{display:inline-flex;align-items:center;justify-content:center;margin:12px 0 18px 10px;padding:9px 14px;border:1px solid #ffffff32;border-radius:999px;background:#1d2924;color:#f1f6f3;font:500 13px/1 'Jost',sans-serif;cursor:pointer}

@media(prefers-reduced-motion:reduce){
  /* Respeta accesibilidad del sistema; la duración solicitada aplica al modo normal. */
  html.gc521-map-route body.re-map-transition.re-map-transition-run .re-map-wrap{animation-duration:.01ms!important}
  html.gc521-map-route body.re-map-transition.gc410-page>header,
  html.gc521-map-route body.re-map-transition #reMain>*{transition-duration:.01ms!important}
}
