/* MIMO_V6381_TEMA_Z19
   Esta hoja tenia CERO ramas de tema. Mismo metodo que V6328/V6337/V6343:
   cada color pasa a un token con EL MISMO VALOR CLARO que tenia, asi que el
   modo claro no cambia en ningun pixel, y se anade la rama de oscuro.
   Comprobado reexpandiendo los tokens y comparando con el original. */
:root{
  --z19-marca1:#12243b;
  --z19-aviso1:#d2a94e;
  --z19-aviso-fondo1:#fff9f3;
  --z19-marca2:#183656;
  --z19-aviso-fondo2:#fffaf5;
  --z19-marca3:#081426;
  --z19-sup1:#fff;
  --z19-velo1:rgba(255,250,245,.82);
  --z19-velo2:rgba(255,255,255,.10);
  --z19-velo3:rgba(210,169,78,.18);
  --z19-velo4:rgba(8,20,38,.22);
  --z19-velo5:rgba(0,0,0,.28);
  --z19-velo6:rgba(0,0,0,.34);
}
html[data-theme="dark"],
html.dark{
  --z19-marca1: #5C7BFF;
  --z19-aviso1: #E0A83C;
  --z19-aviso-fondo1: rgba(224,168,60,.16);
  --z19-marca2: #5C7BFF;
  --z19-aviso-fondo2: rgba(224,168,60,.16);
  --z19-marca3: #5C7BFF;
  --z19-sup1: var(--mimo-surface, #131C2E);
  --z19-velo1: rgba(8,14,26,.82);
  --z19-velo2: rgba(8,14,26,.10);
  --z19-velo3: rgba(255,255,145,.18);
  --z19-velo4: rgba(0,0,0,.22);
  --z19-velo5: rgba(0,0,0,.28);
  --z19-velo6: rgba(0,0,0,.34);
}
/* MIMO Runtime / Loader / Chart Stability V4.9.12 */
:root {
  --mimo-loader-bg-1: var(--z19-marca3);
  --mimo-loader-bg-2: var(--z19-marca1);
  --mimo-loader-line: var(--z19-aviso-fondo2);
  --mimo-loader-accent: var(--z19-aviso1);
}

#mimoGlobalLoader {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 44%, var(--z19-velo3), transparent 34%),
    linear-gradient(145deg, var(--mimo-loader-bg-1), var(--mimo-loader-bg-2) 64%, var(--z19-marca2));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
  contain: layout paint;
}
#mimoGlobalLoader.mimo-loader-visible {
  opacity: 1;
  visibility: visible;
}
#mimoGlobalLoader.mimo-loader-visible.mimo-loader-blocking-v4912 {
  pointer-events: auto;
  cursor: progress;
}
#mimoGlobalLoader .mimo-loader-stage {
  display: grid;
  justify-items: center;
  gap: 16px;
  color: var(--z19-aviso-fondo2);
  text-align: center;
  padding: 28px 34px;
  border: 1px solid var(--z19-velo2);
  border-radius: 24px;
  background: var(--z19-velo4);
  box-shadow: 0 28px 80px var(--z19-velo5);
  backdrop-filter: blur(8px);
}
#mimoGlobalLoader .mimo-loader-house {
  width: 154px;
  height: 154px;
  overflow: visible;
  filter: drop-shadow(0 22px 36px var(--z19-velo6));
  perspective: 500px;
}
#mimoGlobalLoader .mimo-loader-line {
  fill: none;
  stroke: var(--mimo-loader-line);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
}
#mimoGlobalLoader.mimo-loader-cycle-v4912 .mimo-loader-line {
  animation: mimoLoaderDrawV4912 1.05s cubic-bezier(.22,.72,.2,1) .04s forwards;
}
#mimoGlobalLoader .mimo-loader-door {
  transform-box: fill-box;
  transform-origin: left center;
  transform: rotateY(-72deg);
}
#mimoGlobalLoader.mimo-loader-cycle-v4912 .mimo-loader-door {
  animation: mimoLoaderDoorV4912 .68s cubic-bezier(.2,.86,.22,1.12) .52s forwards;
}
#mimoGlobalLoader .mimo-loader-door-fill {
  fill: var(--mimo-loader-accent);
  opacity: 0;
}
#mimoGlobalLoader.mimo-loader-cycle-v4912 .mimo-loader-door-fill {
  animation: mimoLoaderAppearV4912 .26s ease .48s forwards;
}
#mimoGlobalLoader .mimo-loader-knob {
  fill: var(--z19-aviso-fondo1);
  opacity: 0;
}
#mimoGlobalLoader.mimo-loader-cycle-v4912 .mimo-loader-knob {
  animation: mimoLoaderAppearV4912 .22s ease .88s forwards;
}
#mimoGlobalLoader .mimo-loader-glow {
  fill: var(--mimo-loader-accent);
  opacity: 0;
  filter: blur(9px);
}
#mimoGlobalLoader.mimo-loader-cycle-v4912 .mimo-loader-glow {
  animation: mimoLoaderGlowV4912 1.15s ease .35s forwards;
}
#mimoGlobalLoader .mimo-loader-title {
  font-size: 1.08rem;
  font-weight: 900;
  letter-spacing: .22em;
  color: var(--z19-sup1);
}
#mimoGlobalLoader .mimo-loader-message {
  min-height: 1.25em;
  max-width: min(78vw, 520px);
  font-size: .84rem;
  color: var(--z19-velo1);
}
html.mimo-loading-v4912, body.mimo-loading-v4912 { cursor: progress; }

@keyframes mimoLoaderDrawV4912 { to { stroke-dashoffset: 0; } }
@keyframes mimoLoaderDoorV4912 { to { transform: rotateY(0); } }
@keyframes mimoLoaderAppearV4912 { to { opacity: 1; } }
@keyframes mimoLoaderGlowV4912 {
  0% { opacity: 0; transform: scale(.8); }
  48% { opacity: .55; transform: scale(1.18); }
  100% { opacity: 0; transform: scale(1.05); }
}

/* Prevent a first frame with Chart.js fallback colours.  The synchronous
   V4.9.12 chart plugin marks each canvas as soon as its first themed render
   completes. */
html.mimo-chart-prepaint-v4912 canvas[id*="Chart"],
html.mimo-chart-prepaint-v4912 canvas[id^="chart"],
html.mimo-chart-prepaint-v4912 canvas.chartjs-render-monitor {
  opacity: 0;
}
canvas[data-mimo-chart-ready="4.9.12"] {
  opacity: 1 !important;
  transition: opacity .16s ease;
}

/* V4.9.11 calendar authority: legacy base-price/min-stay chips and the older
   V4.9.09 overlay are never allowed to contradict Hostify current vs MIMO. */
body.mimo-calendar-v4911-active .mimo-day-badges,
body.mimo-calendar-v4911-active .mimo-calendar-compare-v4909,
body.mimo-calendar-v4912-active .mimo-day-badges,
body.mimo-calendar-v4912-active .mimo-calendar-compare-v4909 {
  display: none !important;
  visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
  #mimoGlobalLoader .mimo-loader-line { stroke-dashoffset: 0; }
  #mimoGlobalLoader .mimo-loader-door { transform: none; }
  #mimoGlobalLoader .mimo-loader-door-fill,
  #mimoGlobalLoader .mimo-loader-knob { opacity: 1; }
  #mimoGlobalLoader * { animation: none !important; transition: none !important; }
}
