/* ═══════════════════════════════════════════════════════════════════════════
   PRAYER · PROPUESTA A — «LA PUERTA»
   Paleta del Brandbook 02: negro azulado, rojo y oro.
   Tipografía: Jost (auto-alojada). Centauri vive sólo dentro del logo, que va
   en vectorial — no se falsifica con otra fuente.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:200 700;
  font-display:block;
  src:url('../fonts/jost-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:200 700;
  font-display:block;
  src:url('../fonts/jost-latinext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  /* Brandbook 02 — literal */
  --negro:#12181F;      /* PANTONE BLACK 6 C */
  --rojo:#CD311B;       /* PANTONE 2347 C */
  --oro:#C09931;        /* PANTONE 117 C */

  /* Derivados de trabajo (sólo luminosidad, nunca tono nuevo) */
  --negro-2:#0B0F14;
  --negro-3:#1B222B;
  --hueso:#EDE7DC;
  --humo:#8A8578;
  --oro-alto:#E0C06A;

  /* Acento de sección. En esta propuesta es siempre el oro; se declara con
     el mismo nombre que en la B para que las piezas compartidas —rótulos,
     rayas, pleca de prensa— funcionen igual en las dos. */
  --acento:var(--oro);
  --borde:rgb(192 153 49 / .18);

  /* Deslizador de reserva */
  --desliza-borde:rgb(192 153 49 / .45);
  --desliza-fondo:rgb(11 15 20 / .55);
  --desliza-relleno:rgb(205 49 27 / .35);
  --desliza-tirador:var(--oro);
  --desliza-tirador-tinta:var(--negro);
  --desliza-texto:var(--oro-alto);
  --barra-fondo:rgb(11 15 20 / .82);
  --modal-fondo:var(--negro);
  --campo-fondo:rgb(11 15 20 / .6);
  --prensa-luz:rgb(205 49 27 / .2);
  --prensa-luz-2:rgb(192 153 49 / .14);
  --paso:clamp(4.5rem,9vw,9rem);
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--negro-2);-webkit-text-size-adjust:100%}
body{
  margin:0;
  /* transparente a propósito: detrás va .ambiente */
  background:transparent;
  color:var(--humo);
  font-family:'Jost',system-ui,sans-serif;
  font-weight:400;
  font-size:clamp(1rem,.95rem + .25vw,1.125rem);
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ── Tipografía ───────────────────────────────────────────────────────────── */
h1,h2,h3{margin:0;color:var(--hueso);font-weight:200;line-height:1.02;letter-spacing:.02em;text-wrap:balance}
.h-xl{font-size:clamp(1.5rem,3.9vw,3.1rem);text-transform:uppercase;letter-spacing:.06em}
.h-l {font-size:clamp(1.5rem,3.9vw,3.1rem);text-transform:uppercase;letter-spacing:.06em}
.h-m {font-size:clamp(1.3rem,2.2vw,1.9rem);text-transform:uppercase;letter-spacing:.1em;font-weight:300}

/* Etiqueta de sección: el latido delante, como en el logo */
.rotulo{
  display:inline-flex;align-items:center;gap:.85rem;
  font-size:1rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;
  color:var(--oro);
}
.rotulo svg{width:2.4rem;height:.85rem;overflow:visible;flex:none}
.rotulo path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

.plomo{max-width:46ch;font-size:clamp(1rem,1.5vw,1.2rem);color:var(--humo)}

/* ── Retícula de fondo, muy tenue ─────────────────────────────────────────── */
/* Antes era una cuadrícula, y dibujaba rectángulos detrás del texto. Ahora
   es luz: un halo cálido cayendo desde arriba y los cantos cerrados. Da
   profundidad sin meter una forma que compita con la tipografía. */
.reticula{
  background-image:
    radial-gradient(75% 55% at 50% 0%,rgb(192 153 49 / .09),transparent 62%),
    radial-gradient(60% 45% at 12% 100%,rgb(205 49 27 / .07),transparent 70%),
    radial-gradient(130% 100% at 50% 45%,transparent 55%,rgb(11 15 20 / .55) 100%);
}
/* Grano: sobre planos tan oscuros, sin él la pantalla se ve muerta */
.grano::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
  opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

.envoltura{width:min(100% - 2.5rem,1320px);margin-inline:auto}
section{position:relative}

/* ═══ AMBIENTE ══════════════════════════════════════════════════════════════
   El fondo de la casa no es un negro plano: es un velo de color fijo detrás de
   todo —rojo y oro muy diluidos sobre gris azulado— que se queda quieto
   mientras la página pasa por delante. Va en un elemento propio y no en el
   `body` porque `background-attachment:fixed` se porta mal en iOS.
   ═══════════════════════════════════════════════════════════════════════════ */
.ambiente{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(48% 40% at 6% 10%,rgb(205 49 27 / .26),transparent 62%),
    radial-gradient(42% 38% at 94% 20%,rgb(192 153 49 / .20),transparent 66%),
    radial-gradient(55% 42% at 28% 66%,rgb(224 192 106 / .10),transparent 70%),
    radial-gradient(65% 48% at 78% 92%,rgb(205 49 27 / .20),transparent 72%),
    linear-gradient(180deg,#141B24 0%,#1E2530 48%,#141B24 100%);
}

/* ═══ INTRO ════════════════════════════════════════════════════════════════ */
#intro{
  position:fixed;inset:0;z-index:100;
  display:grid;place-items:center;
  background:var(--negro-2);
}
/* El latido y el logotipo comparten celda: los dos salen sobre el MISMO eje,
   el centro exacto de la pantalla. Antes iban apilados —la línea arriba y el
   logo debajo— y al apagarse el trazo el logotipo parecía caerse. El lema va
   suelto, colgado de ese mismo centro, para no desplazarlo al ocupar sitio. */
#intro .caja{
  --ancho:min(78vw,760px);
  /* el logotipo mide 1582.6 × 148.51: su alto sale del ancho */
  --alto-logo:calc(var(--ancho) * .0938);
  width:var(--ancho);text-align:center;
  display:grid;place-items:center;position:relative;
}
#intro .ecg,
#intro .marca{grid-area:1/1;width:100%}
#intro .ecg{height:clamp(70px,11vw,120px);overflow:visible;display:block}
/* El latido y el logotipo de la entrada van en blanco: el rojo y el oro entran
   después, ya dentro de la web. */
#intro .ecg path{
  fill:none;stroke:var(--hueso);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 10px rgb(237 231 220 / .55));
}
#intro .marca{color:var(--hueso);opacity:0}
#intro .marca svg{width:100%;height:auto;display:block}
#intro .lema{
  position:absolute;inset-inline:0;margin:0;
  top:calc(50% + var(--alto-logo) / 2 + 1.5rem);
  opacity:0;
  font-size:clamp(1rem,1.1vw,1rem);letter-spacing:.62em;text-transform:uppercase;
  color:var(--humo);padding-left:.62em;
}
html.sin-intro #intro{display:none}

/* ═══ CABECERA ═════════════════════════════════════════════════════════════ */
.cabecera{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
  padding:.575rem clamp(1.25rem,3vw,2.5rem);
  /* Caja propia, no degradado: el logo tiene que leerse sobre cualquier foto */
  background:rgb(11 15 20 / .72);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--borde);
  transform:translateY(-100%);
}
/* El logotipo, un 15 % mayor que el original (era 134–180) */
.cabecera .logo{width:clamp(154px,15.2vw,207px);color:var(--hueso);flex:none}
.cabecera nav{display:flex;gap:clamp(1.2rem,2.6vw,2.4rem)}
.cabecera nav a{
  font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--humo);
  padding-block:.35rem;position:relative;transition:color .35s;
}
.cabecera nav a::after{
  content:'';position:absolute;inset-inline:0;bottom:0;height:1px;
  background:var(--oro);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.cabecera nav a:hover{color:var(--hueso)}
.cabecera nav a:hover::after{transform:scaleX(1)}
/* La página en la que estás, marcada: sin ella el menú de cuatro entradas no
   dice dónde te encuentras. */
.cabecera nav a[aria-current]{color:var(--hueso)}
.cabecera nav a[aria-current]::after{transform:scaleX(1);background:var(--oro)}
/* ── EL MENÚ EN MÓVIL ──────────────────────────────────────────────────────
   (Carlos, 2026-08-26: «en el header falta el menú hamburguesa».)

   Faltaba de verdad: el nav se escondía por debajo de 860 px y no se ponía
   nada en su lugar, así que desde el teléfono no había forma de llegar a
   Playa del Carmen, About us ni Events. Sólo se podía navegar por los
   enlaces sueltos del cuerpo.

   ⚠️ Sin una línea de JavaScript: un checkbox escondido y su `<label>`. Si el
   guion de la página fallara —y esta página carga GSAP, Lenis y un
   ScrollTrigger— el menú seguiría abriendo. En una web, no poder navegar es
   peor que no tener animaciones. */
.abre-menu{position:absolute;opacity:0;pointer-events:none}
.hamburguesa{display:none}

@media (max-width:860px){
  .hamburguesa{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    /* Al extremo derecho, después del idioma: es el control principal de
       navegación y es donde se busca. En medio de la cabecera no lo encuentra
       nadie y además parte el logo del resto. */
    order:9;margin-inline-start:.2rem;
    /* 44 px: es un control que se toca con el pulgar. */
    width:44px;height:44px;padding:0 9px;cursor:pointer;flex:none;
  }
  .hamburguesa span{
    display:block;height:1.5px;background:var(--hueso);border-radius:2px;
    transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s;
    transform-origin:center;
  }
  /* Abierto, las tres rayas se convierten en una equis: el mismo botón cierra,
     y se ve que cierra. */
  .abre-menu:checked ~ .cabecera-fin .hamburguesa span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .abre-menu:checked ~ .cabecera-fin .hamburguesa span:nth-child(2){opacity:0}
  .abre-menu:checked ~ .cabecera-fin .hamburguesa span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .abre-menu:focus-visible ~ .cabecera-fin .hamburguesa{outline:2px solid var(--oro);outline-offset:3px}

  /* El panel: cae desde debajo de la cabecera y ocupa el ancho. */
  .cabecera nav{
    display:flex;flex-direction:column;gap:0;
    position:fixed;inset-inline:0;inset-block-start:100%;
    padding:.5rem clamp(1.25rem,3vw,2.5rem) 1.25rem;
    background:rgb(11 15 20 / .96);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--borde);
    /* Cerrado no ocupa alto NI se puede tocar: si sólo se moviera con
       `transform`, sus enlaces seguirían ahí para el teclado y el lector. */
    max-height:0;overflow:hidden;visibility:hidden;
    transform:translateY(-8px);opacity:0;
    transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,
               transform .45s cubic-bezier(.22,1,.36,1),visibility 0s .45s;
  }
  .abre-menu:checked ~ nav{
    max-height:70svh;overflow-y:auto;visibility:visible;
    transform:translateY(0);opacity:1;
    transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,
               transform .45s cubic-bezier(.22,1,.36,1),visibility 0s;
  }
  .cabecera nav a{
    padding-block:1.05rem;border-bottom:1px solid var(--borde);
    font-size:15px;letter-spacing:.2em;
  }
  .cabecera nav a:last-child{border-bottom:0}
  .cabecera nav a::after{display:none}
  .cabecera nav a[aria-current]{color:var(--oro)}
}

@media (prefers-reduced-motion:reduce){
  .cabecera nav,.hamburguesa span{transition-duration:.01ms}
}

/* Conmutador de idioma. El inglés es la raíz y el español cuelga de /es/.
   Va fuera del nav a propósito: el nav se esconde en móvil y el idioma no. */
.cabecera-fin{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.6rem);flex:none}
.idiomas{
  display:flex;align-items:center;gap:.6rem;flex:none;
  font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--humo);
}
.idiomas b{font-weight:500;color:var(--oro)}
.idiomas a{transition:color .35s}
.idiomas a:hover{color:var(--hueso)}
.idiomas i{display:block;width:1px;height:.8rem;background:var(--borde)}

/* Toda la letra de la cabecera a 14 px. Es la única zona que baja del mínimo
   de 16 del resto de la página: lo pidió Carlos y aquí funciona porque son
   rótulos cortos y muy espaciados, no texto de leer. */
.cabecera nav a,
.cabecera .idiomas,
.cabecera .deslizador .encendido,
.cabecera .deslizador .tirador{font-size:14px}

/* ── Botón ────────────────────────────────────────────────────────────────── */
.boton{
  display:inline-flex;align-items:center;gap:.9rem;
  padding:.5rem 2rem;border:1px solid var(--oro);color:var(--oro);
  font-size:1rem;letter-spacing:.26em;text-transform:uppercase;
  position:relative;overflow:hidden;isolation:isolate;
}
.boton::before{
  content:'';position:absolute;inset:0;background:var(--oro);z-index:-1;
  transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.boton:hover{color:var(--negro)}
.boton:hover::before{transform:scaleY(1)}
.boton.solido{background:var(--rojo);border-color:var(--rojo);color:var(--hueso)}
.boton.solido::before{background:var(--hueso)}
.boton.solido:hover{color:var(--negro)}

/* ═══ HERO — al 100 %, media pura ══════════════════════════════════════════
   Sin titular encima: la foto se ve entera y la primera palabra de la página
   vive en la banda que viene justo debajo. Lo único que flota es la cabecera,
   y va protegida con caja propia, no con degradado.
   ═══════════════════════════════════════════════════════════════════════════ */
#hero{height:100svh;min-height:560px;overflow:hidden}
#hero .foto{position:absolute;inset:0;z-index:0}
#hero .foto img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;will-change:transform}
/* Viñeteado leve, sólo para cerrar los bordes. La foto no se lava. */
#hero .velo{
  position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(130% 100% at 60% 45%,transparent 42%,rgb(11 15 20 / .5) 100%),
    linear-gradient(to bottom,rgb(11 15 20 / .5) 0%,transparent 18%);
}
#hero .aviso{
  position:absolute;z-index:3;inset-block-end:2.2rem;inset-inline:0;
  display:flex;flex-direction:column;align-items:center;gap:.7rem;opacity:0;
  font-size:1rem;letter-spacing:.32em;text-transform:uppercase;color:var(--hueso);
  text-shadow:0 2px 14px rgb(11 15 20 / .95);
}
#hero .aviso i{display:block;width:1px;height:44px;background:linear-gradient(var(--oro-alto),transparent);animation:caer 2.4s infinite}
@keyframes caer{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}
  46%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ═══ BANDA — aquí empieza a hablar la página ══════════════════════════════ */
#banda{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--rojo);color:var(--hueso);
  padding-block:clamp(3.5rem,7vw,6rem);text-align:center;
}
/* La sala, desenfocada bajo el rojo: la banda deja de ser un plano liso y
   coge la textura de la foto sin robarle protagonismo al logotipo.
   El scale evita el borde transparente que deja el blur al llegar al canto. */
#banda .fondo{position:absolute;inset:0;z-index:-1;overflow:hidden}
#banda .fondo img{
  width:100%;height:100%;object-fit:cover;object-position:50% 45%;
  /* La foto del hero, que YA es roja: desenfocada aporta las luces de la sala
     sin ensuciar el tono. Con una foto oscura el rojo se iba a granate. */
  filter:blur(52px) saturate(1.5) brightness(1.15);
  transform:scale(1.2);
  opacity:.7;mix-blend-mode:overlay;
}
/* Halo cálido arriba y cierre del rojo por los cantos */
#banda .fondo::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(80% 55% at 50% 0%,rgb(192 153 49 / .2),transparent 66%),
    radial-gradient(130% 110% at 50% 45%,transparent 45%,rgb(205 49 27 / .5) 100%);
}
#banda .marca{color:var(--hueso);margin-inline:auto;width:min(100%,532px)}
#banda .marca svg{width:100%;height:auto}
#banda .frase{
  margin:2.8rem auto 0;max-width:20ch;color:var(--hueso);
  font-size:clamp(1.2rem,2.6vw,2.1rem);font-weight:200;line-height:1.2;
  text-transform:uppercase;letter-spacing:.1em;
}
#banda .acciones{margin-top:2.8rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ── LA BANDA EN MÓVIL ─────────────────────────────────────────────────────
   (Carlos, 2026-08-26: «ese logo en mobile un 20 % más pequeño, menos
   distancia entre sinners welcome y el logo».)

   El logo llegaba al ancho completo de la pantalla y dejaba 2,8 rem hasta la
   frase: en el teléfono eso lo convertía en dos bloques separados en vez de en
   una firma con su lema debajo. */
@media (max-width:700px){
  #banda .marca{width:min(80%,532px)}       /* el 20 % más pequeño */
  #banda .frase{margin-top:1.1rem}          /* de 2,8 rem a 1,1 */
  #banda .acciones{margin-top:2rem}
}
/* Sobre el rojo el oro no contrasta: aquí los botones van en hueso */
#banda .boton{border-color:rgb(237 231 220 / .55);color:var(--hueso)}
#banda .boton::before{background:var(--hueso)}
#banda .boton:hover{color:var(--rojo)}
#banda .boton.solido{background:var(--hueso);border-color:var(--hueso);color:var(--rojo)}
#banda .boton.solido::before{background:var(--negro)}
#banda .boton.solido:hover{color:var(--hueso)}

/* ═══ MANIFIESTO ═══════════════════════════════════════════════════════════ */
/* El aire lo lleva el CONTENEDOR DE TEXTO, no la sección: 70 px iguales por
   arriba y por abajo. Así el acordeón de La casa entra justo después. */
#manifiesto{padding-block:0;overflow:hidden}
#manifiesto .envoltura{padding-block:70px}
/* El <p> del rótulo trae su margen de serie y descuadraba los 70 de arriba */
#manifiesto .rotulo{margin-block:0}
#manifiesto .reparto{
  margin-top:2.6rem;display:grid;column-gap:clamp(2.5rem,4.5vw,4.5rem);row-gap:2.6rem;
  /* Tres columnas: titular · raya · relato. Las dos de contenido se miden por
     lo que ocupan —el titular su ancho, el relato su medida de lectura— y el
     aire sobrante se reparte a partes iguales entre los dos huecos con
     `space-between`. De ahí salen dos cosas a la vez: el relato termina en el
     margen derecho y la raya queda a la misma distancia de los dos bloques.
     El titular se centra de altura contra el relato, que es la columna alta. */
  grid-template-columns:max-content 1px minmax(0,36rem);
  justify-content:space-between;align-items:center;
}
@media (max-width:900px){#manifiesto .reparto{grid-template-columns:1fr}}
#manifiesto .texto{
  /* El titular ancla la página: va por encima de la escala común de títulos.
     Es el único que la rompe, y a propósito. */
  font-size:clamp(1.55rem,4.5vw,3.9rem);font-weight:200;line-height:1.06;
  color:var(--hueso);max-width:16ch;
  /* En caja alta: el interletrado se abre y la línea se cierra, o las
     mayúsculas se apelmazan. */
  text-transform:uppercase;letter-spacing:.035em;
}
#manifiesto .texto em{font-style:normal}
/* El relato ocupa el aire de la derecha, que si no se queda muerto */
/* El relato ocupa el aire de la derecha, que si no se queda muerto */
#manifiesto .relato{display:grid;gap:1.4rem}
#manifiesto .relato p{margin:0;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.7}
#manifiesto .relato .cierre{
  margin-top:.5rem;padding-top:1.6rem;border-top:1px solid var(--borde);
  color:var(--oro-alto);font-size:clamp(1.05rem,1.35vw,1.28rem);
  letter-spacing:.06em;line-height:1.4;
}
.palabra{display:inline-block}


/* El corte se fija a mano y se respeta también en móvil: el titular es corto
   y en dos líneas cae igual de bien. Ojo si alguna vez vuelve a esconderse el
   <br> — sin el espacio que lo sigue en el HTML, las dos mitades se pegan. */

/* ═══ LA CASA — galería ════════════════════════════════════════════════════ */
/* Sin arranque: el respiro ya lo pone el contenedor del manifiesto */
#casa{padding-block:0 10px}
#casa .encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}
/* Filas de altura fija: con aspect-ratio distintos por pieza los bordes no
   cuadraban y la rejilla se veía descolgada. */
.tira{
  display:grid;gap:1.1rem;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:clamp(96px,8.2vw,124px);
}
.pieza{position:relative;overflow:hidden;background:var(--negro-3)}
.pieza img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1);will-change:transform}
.pieza:hover img{transform:scale(1.05)}
.pieza figcaption{
  position:absolute;inset-block-end:0;inset-inline:0;z-index:2;
  padding:1.5rem;
  background:linear-gradient(to top,rgb(11 15 20 / .88),transparent);
  font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:var(--hueso);
}
.pieza .num{color:var(--oro);margin-right:.9rem}
.g1{grid-column:span 4;grid-row:span 4}
.g2{grid-column:span 8;grid-row:span 4}
.g3{grid-column:span 7;grid-row:span 3}
.g4{grid-column:span 5;grid-row:span 3}
.g5{grid-column:span 6;grid-row:span 3}
.g6{grid-column:span 6;grid-row:span 3}
.g7{grid-column:span 4;grid-row:span 3}
.g8{grid-column:span 8;grid-row:span 3}

/* En móvil no se apila: se desliza. Y el scroll de la página no se alarga. */
@media (max-width:820px){
  .tira{
    display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;
    /* la vecina asoma */
    padding-inline:1.25rem;margin-inline:-1.25rem;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    grid-auto-rows:auto;
  }
  .tira::-webkit-scrollbar{display:none}
  /* start, no center: con center la primera queda centrada, deja hueco a la
     izquierda y la vecina no asoma, que es justo lo que avisa del carrusel. */
  .pieza{flex:0 0 80%;scroll-snap-align:start;aspect-ratio:3/4}
}


/* ═══ ACORDEÓN DE SALAS ════════════════════════════════════════════════════
   Cuatro paneles del mismo ancho. El que está abierto crece y los otros se
   estrechan; el nombre gira a vertical cuando no hay sitio para leerlo en
   horizontal. Al recorrer la sección con el scroll el abierto va avanzando
   solo, y el puntero manda por encima si pasa por uno.
   ═══════════════════════════════════════════════════════════════════════════ */
.acordeon{
  display:flex;gap:.55rem;
  height:clamp(400px,62vh,660px);
}
.hoja{
  position:relative;margin:0;overflow:hidden;
  flex:1 1 0;min-width:0;
  background:var(--negro-3);cursor:pointer;
  transition:flex-grow .75s cubic-bezier(.22,1,.36,1);
}
.hoja[data-abierta]{flex-grow:3}

.hoja img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(.45) brightness(.72);
  transition:filter .75s ease,transform .9s cubic-bezier(.22,1,.36,1);
}
.hoja[data-abierta] img{filter:none;transform:scale(1.03)}

.hoja figcaption{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(1rem,1.6vw,1.6rem);
  background:linear-gradient(to top,rgb(11 15 20 / .9) 0%,rgb(11 15 20 / .25) 45%,transparent 75%);
}
.hoja .num{
  position:absolute;inset-block-start:clamp(1rem,1.6vw,1.6rem);inset-inline-start:clamp(1rem,1.6vw,1.6rem);
  font-size:1rem;letter-spacing:.2em;color:var(--acento);
}
/* Cerrado: el nombre se lee de abajo arriba, que es lo único que cabe */
.hoja .nombre{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:var(--hueso);
  white-space:nowrap;
}
.hoja[data-abierta] .nombre{
  writing-mode:horizontal-tb;transform:none;
  font-size:clamp(1.1rem,1.7vw,1.5rem);letter-spacing:.12em;
}
.hoja .detalle{
  display:none;margin-top:.7rem;max-width:34ch;
  font-size:1rem;line-height:1.55;color:var(--humo);
}
.hoja[data-abierta] .detalle{display:block}

/* En móvil no hay sitio para cuatro paneles: se pasan de lado con el dedo */
@media (max-width:820px){
  .acordeon{
    height:auto;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-inline:1.25rem;margin-inline:-1.25rem;gap:.9rem;
    scrollbar-width:none;
  }
  .acordeon::-webkit-scrollbar{display:none}
  .hoja{flex:0 0 80%;scroll-snap-align:start;aspect-ratio:3/4}
  .hoja img{filter:none}
  .hoja .nombre{writing-mode:horizontal-tb;transform:none;font-size:1.05rem;letter-spacing:.12em}
  .hoja .detalle{display:block}
}

/* ═══ EL MAPA ══════════════════════════════════════════════════════════════ */
#mapa{padding-block:var(--paso)}
#mapa .encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}
.conmutador{display:inline-flex;border:1px solid var(--borde);flex:none}
.conmutador button{
  padding:.85rem 1.6rem;font-size:1rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--humo);transition:color .3s,background .3s;
}
.conmutador button[aria-selected="true"]{background:var(--oro);color:var(--negro)}

.lienzo{
  position:relative;overflow:hidden;border:1px solid var(--borde);
  background:var(--negro-2);
  /* Alto acotado: a 16/9 el plano se comía media pantalla sin aportar nada */
  height:350px;max-height:350px;
  cursor:crosshair;
}
.lienzo svg{position:absolute;inset:0;width:100%;height:100%;display:block}
/* En móvil el plano cabe entero en vez de recortarse (ver mapa() en el JS:
   el encaje lo decide preserveAspectRatio, no object-fit). */
@media (max-width:820px){.lienzo{height:320px;max-height:320px}}
/* La linterna: el plano se lee siempre, y el cursor sólo levanta la zona que
   toca. Si oscurece de más deja de ser un mapa y pasa a ser un truco. */
.lienzo .linterna{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(circle 320px at var(--lx,50%) var(--ly,50%),
    rgb(192 153 49 / .1) 0%,transparent 48%,rgb(11 15 20 / .28) 100%);
  transition:background .12s linear;
}
.vista{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.vista[data-activa]{opacity:1;visibility:visible}

/* Plano de calle — mapa real de la zona, recoloreado a la noche de la marca */
.carto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  /* El mapa viene casi negro: se levanta y se tiñe al tono de la casa */
  filter:brightness(2.6) contrast(1.05) saturate(.4) sepia(.3) hue-rotate(-14deg);
}
.chincheta circle.halo{fill:none;stroke:var(--rojo);transform-origin:center;transform-box:fill-box}
.chincheta circle.punto{fill:var(--rojo)}
.chincheta .varilla{stroke:var(--rojo);stroke-width:2}
.chincheta .cartel{fill:rgb(11 15 20 / .88);stroke:var(--oro);stroke-width:1.5}
.chincheta text{fill:var(--hueso);font-size:26px;letter-spacing:.3em;text-transform:uppercase;
  }
.chincheta text.sub{font-size:16px;fill:var(--oro-alto);letter-spacing:.24em}
.mira circle{fill:none;stroke:rgb(205 49 27 / .5);stroke-width:2}
.credito{fill:var(--hueso);opacity:.42;font-size:16px;letter-spacing:.12em}

/* Plano del salón */
.muro{fill:none;stroke:rgb(192 153 49 / .5);stroke-width:2}
.muro-int{fill:#1B242E;stroke:rgb(192 153 49 / .2);stroke-width:1}
.acceso{stroke:var(--oro-alto);stroke-width:2.5;stroke-dasharray:6 5;fill:none}
.mesa circle{fill:none;stroke:rgb(192 153 49 / .5);stroke-width:1.2}
.cota path{stroke:rgb(192 153 49 / .45);stroke-width:1;fill:none}
.cota text{fill:var(--oro);font-size:16px;letter-spacing:.2em}

.zona{cursor:pointer}
.zona rect{fill:#2A3644;stroke:rgb(192 153 49 / .5);stroke-width:1.4;transition:fill .35s,stroke .35s}
.zona text{fill:var(--hueso);font-size:16px;letter-spacing:.26em;text-transform:uppercase;pointer-events:none;transition:fill .35s;opacity:.85}
.zona:hover rect,.zona[data-activa] rect{fill:rgb(205 49 27 / .42);stroke:var(--rojo)}
.zona:hover text,.zona[data-activa] text{fill:var(--hueso);opacity:1}

/* Ficha lateral */
.ficha{
  /* A la derecha: la puerta y el acceso viven en la esquina inferior izquierda
     del plano, y ahí la ficha tapaba justo lo que hay que mirar. */
  position:absolute;z-index:4;inset-block-end:1.25rem;inset-inline-end:1.25rem;
  width:min(300px,60%);
  background:rgb(11 15 20 / .82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--borde);padding:1.1rem;
  display:flex;gap:1rem;align-items:center;
}
.ficha img{width:74px;height:74px;object-fit:cover;flex:none}
.ficha h4{margin:0;font-size:1rem;letter-spacing:.26em;text-transform:uppercase;color:var(--oro);font-weight:500}
.ficha p{margin:.5rem 0 0;font-size:1rem;line-height:1.45}
/* En móvil no flota sobre el plano —tapaba justo las zonas que hay que
   tocar—: se apoya abajo, a todo el ancho, en el aire que deja el plano. */
@media (max-width:820px){
  .ficha{inset-inline:.75rem;inset-block-end:.75rem;width:auto;padding:.85rem}
  .ficha img{width:56px;height:56px}
  .ficha p{font-size:1rem}
}

.datos{margin-top:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.datos h3{font-size:1rem;letter-spacing:.26em;color:var(--oro);font-weight:500}

.datos .ir{
  display:inline-block;margin-top:.9rem;
  font-size:1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--oro-alto);
  border-bottom:1px solid currentColor;padding-bottom:.2rem;
}
.datos .ir:hover{color:var(--hueso)}
.datos .ir:focus-visible{outline:2px solid var(--hueso);outline-offset:3px}
.datos p{margin:.7rem 0 0;font-size:1rem;color:var(--hueso);font-weight:300}

/* ═══ LA CARTA — recorrido lateral ═════════════════════════════════════════ */
#menu{padding-block:0}
.riel{display:flex;gap:1.6rem;padding-block:3rem;will-change:transform}
.trago{
  flex:0 0 clamp(240px,26vw,330px);
  border-top:1px solid var(--borde);padding-top:1.6rem;
}
.trago .indice{font-size:1rem;letter-spacing:.26em;color:var(--oro)}
.trago h3{margin:1.1rem 0 .8rem;font-size:clamp(1.3rem,2vw,1.7rem);text-transform:uppercase;letter-spacing:.05em}
.trago p{margin:0;font-size:1rem;line-height:1.55}
.trago .precio{margin-top:1.4rem;font-size:1rem;letter-spacing:.2em;color:var(--hueso)}


/* Apertura de la carta — la foto grande antes de los tragos. El contenedor
   admite <img> o <video> indistintamente: cuando llegue el vídeo del efecto
   se cambia la etiqueta y ya está. */
.apertura{
  position:relative;margin:0 0 clamp(2.5rem,5vw,4rem);overflow:hidden;
  aspect-ratio:21/9;
}
@media (max-width:820px){.apertura{aspect-ratio:4/5}}
.apertura img,.apertura video{
  width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block;
}
.apertura figcaption{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;gap:.9rem;
  padding:clamp(1.5rem,3vw,2.8rem);
  background:linear-gradient(to top,rgb(11 15 20 / .82) 0%,transparent 55%);
}
.apertura .etiqueta{
  font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro-alto);
}
.apertura .pie{
  font-size:clamp(1.1rem,2.4vw,1.9rem);color:var(--hueso);font-weight:200;
  text-transform:uppercase;letter-spacing:.06em;max-width:24ch;
}

/* ═══ LA AGENDA ════════════════════════════════════════════════════════════ */
#agenda{padding-block:0}
.noche{
  display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1.5rem,4vw,4rem);align-items:center;
  padding-block:2rem;border-bottom:1px solid var(--borde);position:relative;
}
.noche:first-of-type{border-top:1px solid var(--borde)}
.noche .dia{font-size:clamp(1.6rem,3vw,2.4rem);color:var(--hueso);font-weight:200;letter-spacing:.02em}
.noche .dia small{display:block;font-size:1rem;letter-spacing:.3em;color:var(--oro);margin-top:.4rem}
.noche h3{font-size:clamp(1.1rem,1.8vw,1.5rem);text-transform:uppercase;letter-spacing:.08em}
.noche p{margin:.5rem 0 0;font-size:1rem}
.noche .hora{font-size:1rem;letter-spacing:.22em;color:var(--humo);white-space:nowrap}
.noche::before{
  content:'';position:absolute;inset-block:0;inset-inline-start:-2rem;width:2px;
  background:var(--rojo);transform:scaleY(0);transform-origin:center;transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.noche:hover::before{transform:scaleY(1)}
/* La lista de noches suelta (fuera del carrusel) se sigue apilando. */
@media (max-width:700px){
  .noche:not(.eventos .noche){grid-template-columns:1fr;gap:.8rem}
  .noche:not(.eventos .noche) .hora{justify-self:start}
}


/* ═══ PRENSA ═══════════════════════════════════════════════════════════════ */
#prensa{
  padding-block:var(--paso);position:relative;isolation:isolate;overflow:hidden;
}
/* Un degradado que sube desde el pie de la sección y se apaga: la cita queda
   sobre luz en vez de sobre un plano muerto. */
#prensa::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(90% 70% at 18% 108%,var(--prensa-luz),transparent 68%),
    radial-gradient(60% 50% at 92% -10%,var(--prensa-luz-2),transparent 70%);
}
.destacada{margin:2.2rem 0 0;padding:0}
.destacada p{
  /* Más baja que un título de sección: al ir a la misma escala se comía el
     bloque entero y descuadraba con el logo de al lado. */
  margin:0;font-size:clamp(1.25rem,2.2vw,1.85rem);font-weight:200;line-height:1.3;
  color:var(--hueso);max-width:26ch;letter-spacing:.01em;
}
.destacada cite{
  display:block;margin-top:1.4rem;font-style:normal;
  font-size:1rem;letter-spacing:.26em;text-transform:uppercase;color:var(--oro);
}

/* Aviso de que el contenido todavía no es el real. Se quita al publicar. */


/* La columna de medios: una cinta que sube sin parar, difuminada por los
   cantos. Va a una tinta, como manda la receta de los logos de prensa. */
.prensa-reparto{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:2.2rem;
}

}
@media (prefers-reduced-motion:reduce){
}



/* ═══ PLECA DE PRENSA ══════════════════════════════════════════════════════
   Los medios se ven de UNO EN UNO dentro de una caja fija, no todos en fila.
   Cada logo va como MÁSCARA para pintarse a la tinta de la casa aunque el
   archivo venga en su color propio.

   Las medidas salen de tools/logos-prensa.js, que encaja cada logo en esta
   misma caja y luego afina por área de tinta: lo que se iguala es cuánto
   LLENAN la caja, para que ninguno pese más que otro al pasar.
   ═══════════════════════════════════════════════════════════════════════════ */
.medios{display:flex;flex-direction:column;gap:1.6rem;align-items:center}
.pleca{
  position:relative;margin:0;padding:0;list-style:none;
  width:100%;max-width:380px;height:118px;
}
/* Centrado en los dos ejes: cada logo tiene su propia forma, y anclarlos a
   la izquierda hacía que unos empezaran antes que otros al ir pasando. */
.pleca li{
  position:absolute;inset-block-start:50%;inset-inline-start:50%;
  background-color:var(--acento);
  opacity:0;transform:translate(-50%,-50%) scale(.96);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.pleca li[data-visible]{opacity:.9;transform:translate(-50%,-50%) scale(1)}
.pleca li span{
  position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
}

/* Contador: cuál de todos se está viendo */
.medios-cuenta{
  display:flex;gap:.5rem;align-items:center;
}
.medios-cuenta i{
  width:22px;height:2px;background:var(--borde);display:block;
  transition:background .4s;
}
.medios-cuenta i[data-visible]{background:var(--acento)}

@media (prefers-reduced-motion:reduce){
  .pleca li{transition:none}
}

/* ── PRENSA EN MÓVIL: EL LOGO ARRIBA Y LA CITA DEBAJO ──────────────────────
   (Carlos, 2026-08-26: «logo de precio arriba pero que no se desborde y el
   texto abajo, en mobile».)

   Dos fallos a la vez, y por eso hacían falta dos arreglos:

   1. El reparto seguía en DOS COLUMNAS también en el teléfono — no tenía
      media query—, así que la cita y el logo se disputaban 390 px y acababan
      encima uno del otro.
   2. La pleca mide 380 px FIJOS porque las medidas de cada logo salen de
      `tools/logos-prensa.js`, que iguala cuánto llena la caja cada uno. En una
      pantalla de 390 px eso se sale por los dos lados.

   ⚠️ Este bloque va DESPUÉS de las reglas de `.pleca`, no antes: puesto antes,
   `.pleca li[data-visible]{transform:translate(-50%,-50%) scale(1)}` le ganaba
   por orden y el logo seguía saliéndose. Misma especificidad, gana la última.

   ⚠️ Los logos NO se reescalan uno a uno: se escala la pleca ENTERA con un
   factor común. Tocar los anchos por separado rompería el equilibrio de área
   de tinta que ese guion calculó, y unos logos pesarían más que otros al
   pasar — que es justo lo que aquel trabajo vino a arreglar. */
@media (max-width:900px){
  .prensa-reparto{
    grid-template-columns:1fr;
    gap:2rem;
    align-items:start;
  }
  /* El logo arriba, la cita debajo. */
  .prensa-reparto .medios{order:1}
  .prensa-reparto .destacada{order:2;margin-top:0}
  .medios{align-items:flex-start}
  .pleca{
    --esc:.82;
    width:100%;max-width:none;
    height:calc(118px * var(--esc));
    /* El logo se ancla a la izquierda, en la misma línea que el texto de
       debajo: centrado, y con la caja ya del ancho de la pantalla, quedaba
       flotando sin nada con qué alinearse. */
    inset-inline-start:0;
  }
  .pleca li,
  .pleca li[data-visible]{
    inset-inline-start:0;
    transform:translate(0,-50%) scale(var(--esc));
    transform-origin:left center;
  }
  .pleca li{transform:translate(0,-50%) scale(calc(var(--esc) * .96))}
  .pleca li[data-visible]{transform:translate(0,-50%) scale(var(--esc))}
}

/* Teléfonos estrechos: el logo más ancho (Forbes, 380 px) todavía no cabe. */
@media (max-width:400px){
  .pleca{--esc:.72}

.pleca li[data-medio="Forbes"]{
  width:380px;height:103px;
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAwIDU0Ij4NCiAgPHBhdGggZmlsbD0iIzMzNjI5QSIgZD0iTTExMy4zIDE4LjJjMC01LjguMS0xMS4yLjQtMTYuMkw5OC40IDQuOXYxLjRsMS41LjJjMS4xLjEgMS44LjUgMi4yIDEuMS40LjcuNyAxLjcuOSAzLjIuMiAyLjkuNCA5LjUuMyAxOS45IDAgMTAuMy0uMSAxNi44LS4zIDE5LjMgNS41IDEuMiA5LjggMS43IDEzIDEuNyA2IDAgMTAuNy0xLjcgMTQuMS01LjIgMy40LTMuNCA1LjItOC4yIDUuMi0xNC4xIDAtNC43LTEuMy04LjYtMy45LTExLjctMi42LTMuMS01LjktNC42LTkuOC00LjYtMi42IDAtNS4zLjctOC4zIDIuMXptLjMgMzAuOGMtLjItMy4yLS40LTEyLjgtLjQtMjguNS45LS4zIDIuMS0uNSAzLjYtLjUgMi40IDAgNC4zIDEuMiA1LjcgMy43IDEuNCAyLjUgMi4xIDUuNSAyLjEgOS4zIDAgNC43LS44IDguNS0yLjQgMTEuNy0xLjYgMy4xLTMuNiA0LjctNi4xIDQuNy0uOC0uMi0xLjYtLjMtMi41LS40ek00MSAzSDF2MmwyLjEuMmMxLjYuMyAyLjcuOSAzLjQgMS44LjcgMSAxLjEgMi42IDEuMiA0LjguOCAxMC44LjggMjAuOSAwIDMwLjItLjIgMi4yLS42IDMuOC0xLjIgNC44LS43IDEtMS44IDEuNi0zLjQgMS44bC0yLjEuM3YyaDI1Ljh2LTJsLTIuNy0uMmE0LjkgNC45IDAgMCAxLTMuNC0xLjhjLS43LTEtMS4xLTIuNi0xLjItNC44LS4zLTQtLjUtOC42LS41LTEzLjdsNS40LjFjMi45LjEgNC45IDIuMyA1LjkgNi43aDJWMTguOWgtMmMtMSA0LjMtMi45IDYuNS01LjkgNi42bC01LjQuMWMwLTkgLjItMTUuNC41LTE5LjNoNy45YzUuNiAwIDkuNCAzLjYgMTEuNiAxMC44bDIuNC0uN0w0MSAzem0tNC43IDMwLjhjMCA1LjIgMS41IDkuNSA0LjQgMTIuOSAyLjkgMy40IDcuMiA1IDEyLjYgNXM5LjgtMS43IDEzLTUuMmMzLjItMy40IDQuNy03LjcgNC43LTEyLjlzLTEuNS05LjUtNC40LTEyLjljLTIuOS0zLjQtNy4yLTUtMTIuNi01cy05LjggMS43LTEzIDUuMmMtMy4yIDMuNC00LjcgNy43LTQuNyAxMi45em0yMi4zLTExLjRjMS4yIDIuOSAxLjcgNi43IDEuNyAxMS4zIDAgMTAuNi0yLjIgMTUuOC02LjUgMTUuOC0yLjIgMC0zLjktMS41LTUuMS00LjUtMS4yLTMtMS43LTYuOC0xLjctMTEuM0M0NyAyMy4yIDQ5LjIgMTggNTMuNSAxOGMyLjItLjEgMy45IDEuNCA1LjEgNC40em04NC41IDI0LjNjMy4zIDMuMyA3LjUgNSAxMi41IDUgMy4xIDAgNS44LS42IDguMi0xLjkgMi40LTEuMiA0LjMtMi43IDUuNi00LjVsLTEtMS4yYy0yLjIgMS43LTQuNyAyLjUtNy42IDIuNS00IDAtNy4xLTEuMy05LjItNC0yLjItMi43LTMuMi02LjEtMy0xMC41SDE3MGMwLTQuOC0xLjItOC43LTMuNy0xMS44LTIuNS0zLTYtNC41LTEwLjUtNC41LTUuNiAwLTkuOSAxLjgtMTMgNS4zLTMuMSAzLjUtNC42IDcuOC00LjYgMTIuOSAwIDUuMiAxLjYgOS40IDQuOSAxMi43em03LjQtMjUuMWMxLjEtMi40IDIuNS0zLjYgNC40LTMuNiAzIDAgNC41IDMuOCA0LjUgMTEuNWwtMTAuNi4yYy4xLTMgLjYtNS43IDEuNy04LjF6bTQ2LjQtNGMtMi43LTEuMi02LjEtMS45LTEwLjItMS45LTQuMiAwLTcuNSAxLjEtMTAgMy4ycy0zLjggNC43LTMuOCA3LjhjMCAyLjcuOCA0LjggMi4zIDYuMyAxLjUgMS41IDMuOSAyLjggNyAzLjkgMi44IDEgNC44IDIgNS44IDIuOSAxIDEgMS42IDIuMSAxLjYgMy42IDAgMS40LS41IDIuNy0xLjYgMy43LTEgMS4xLTIuNCAxLjYtNC4yIDEuNi00LjQgMC03LjctMy4yLTEwLTkuNmwtMS43LjUuNCAxMGMzLjYgMS40IDcuNiAyLjEgMTIgMi4xIDQuNiAwIDguMS0xIDEwLjctMy4xIDIuNi0yIDMuOS00LjkgMy45LTguNSAwLTIuNC0uNi00LjQtMS45LTUuOS0xLjMtMS41LTMuNC0yLjgtNi40LTQtMy4zLTEuMi01LjYtMi4zLTYuOC0zLjMtMS4yLTEtMS44LTIuMi0xLjgtMy43cy40LTIuNyAxLjMtMy43IDItMS40IDMuNC0xLjRjNCAwIDYuOSAyLjkgOC43IDguNmwxLjctLjUtLjQtOC42em0tOTYuMi0uOWMtMS40LS43LTIuOS0xLTQuNi0xLTEuNyAwLTMuNC43LTUuMyAyLjEtMS45IDEuNC0zLjMgMy4zLTQuNCA1LjlsLjEtOC0xNS4yIDN2MS40bDEuNS4xYzEuOS4yIDMgMS43IDMuMiA0LjQuNiA2LjIuNiAxMi44IDAgMTkuOC0uMiAyLjctMS4zIDQuMS0zLjIgNC40bC0xLjUuMnYxLjloMjEuMlY0OWwtMi43LS4yYy0xLjktLjItMy0xLjctMy4yLTQuNC0uNi01LjgtLjctMTItLjItMTguNC42LTEgMS45LTEuNiAzLjktMS44IDItLjIgNC4zLjQgNi43IDEuOGwzLjctOS4zeiIvPg0KPC9zdmc+") center/contain no-repeat;
  mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAwIDU0Ij4NCiAgPHBhdGggZmlsbD0iIzMzNjI5QSIgZD0iTTExMy4zIDE4LjJjMC01LjguMS0xMS4yLjQtMTYuMkw5OC40IDQuOXYxLjRsMS41LjJjMS4xLjEgMS44LjUgMi4yIDEuMS40LjcuNyAxLjcuOSAzLjIuMiAyLjkuNCA5LjUuMyAxOS45IDAgMTAuMy0uMSAxNi44LS4zIDE5LjMgNS41IDEuMiA5LjggMS43IDEzIDEuNyA2IDAgMTAuNy0xLjcgMTQuMS01LjIgMy40LTMuNCA1LjItOC4yIDUuMi0xNC4xIDAtNC43LTEuMy04LjYtMy45LTExLjctMi42LTMuMS01LjktNC42LTkuOC00LjYtMi42IDAtNS4zLjctOC4zIDIuMXptLjMgMzAuOGMtLjItMy4yLS40LTEyLjgtLjQtMjguNS45LS4zIDIuMS0uNSAzLjYtLjUgMi40IDAgNC4zIDEuMiA1LjcgMy43IDEuNCAyLjUgMi4xIDUuNSAyLjEgOS4zIDAgNC43LS44IDguNS0yLjQgMTEuNy0xLjYgMy4xLTMuNiA0LjctNi4xIDQuNy0uOC0uMi0xLjYtLjMtMi41LS40ek00MSAzSDF2MmwyLjEuMmMxLjYuMyAyLjcuOSAzLjQgMS44LjcgMSAxLjEgMi42IDEuMiA0LjguOCAxMC44LjggMjAuOSAwIDMwLjItLjIgMi4yLS42IDMuOC0xLjIgNC44LS43IDEtMS44IDEuNi0zLjQgMS44bC0yLjEuM3YyaDI1Ljh2LTJsLTIuNy0uMmE0LjkgNC45IDAgMCAxLTMuNC0xLjhjLS43LTEtMS4xLTIuNi0xLjItNC44LS4zLTQtLjUtOC42LS41LTEzLjdsNS40LjFjMi45LjEgNC45IDIuMyA1LjkgNi43aDJWMTguOWgtMmMtMSA0LjMtMi45IDYuNS01LjkgNi42bC01LjQuMWMwLTkgLjItMTUuNC41LTE5LjNoNy45YzUuNiAwIDkuNCAzLjYgMTEuNiAxMC44bDIuNC0uN0w0MSAzem0tNC43IDMwLjhjMCA1LjIgMS41IDkuNSA0LjQgMTIuOSAyLjkgMy40IDcuMiA1IDEyLjYgNXM5LjgtMS43IDEzLTUuMmMzLjItMy40IDQuNy03LjcgNC43LTEyLjlzLTEuNS05LjUtNC40LTEyLjljLTIuOS0zLjQtNy4yLTUtMTIuNi01cy05LjggMS43LTEzIDUuMmMtMy4yIDMuNC00LjcgNy43LTQuNyAxMi45em0yMi4zLTExLjRjMS4yIDIuOSAxLjcgNi43IDEuNyAxMS4zIDAgMTAuNi0yLjIgMTUuOC02LjUgMTUuOC0yLjIgMC0zLjktMS41LTUuMS00LjUtMS4yLTMtMS43LTYuOC0xLjctMTEuM0M0NyAyMy4yIDQ5LjIgMTggNTMuNSAxOGMyLjItLjEgMy45IDEuNCA1LjEgNC40em04NC41IDI0LjNjMy4zIDMuMyA3LjUgNSAxMi41IDUgMy4xIDAgNS44LS42IDguMi0xLjkgMi40LTEuMiA0LjMtMi43IDUuNi00LjVsLTEtMS4yYy0yLjIgMS43LTQuNyAyLjUtNy42IDIuNS00IDAtNy4xLTEuMy05LjItNC0yLjItMi43LTMuMi02LjEtMy0xMC41SDE3MGMwLTQuOC0xLjItOC43LTMuNy0xMS44LTIuNS0zLTYtNC41LTEwLjUtNC41LTUuNiAwLTkuOSAxLjgtMTMgNS4zLTMuMSAzLjUtNC42IDcuOC00LjYgMTIuOSAwIDUuMiAxLjYgOS40IDQuOSAxMi43em03LjQtMjUuMWMxLjEtMi40IDIuNS0zLjYgNC40LTMuNiAzIDAgNC41IDMuOCA0LjUgMTEuNWwtMTAuNi4yYy4xLTMgLjYtNS43IDEuNy04LjF6bTQ2LjQtNGMtMi43LTEuMi02LjEtMS45LTEwLjItMS45LTQuMiAwLTcuNSAxLjEtMTAgMy4ycy0zLjggNC43LTMuOCA3LjhjMCAyLjcuOCA0LjggMi4zIDYuMyAxLjUgMS41IDMuOSAyLjggNyAzLjkgMi44IDEgNC44IDIgNS44IDIuOSAxIDEgMS42IDIuMSAxLjYgMy42IDAgMS40LS41IDIuNy0xLjYgMy43LTEgMS4xLTIuNCAxLjYtNC4yIDEuNi00LjQgMC03LjctMy4yLTEwLTkuNmwtMS43LjUuNCAxMGMzLjYgMS40IDcuNiAyLjEgMTIgMi4xIDQuNiAwIDguMS0xIDEwLjctMy4xIDIuNi0yIDMuOS00LjkgMy45LTguNSAwLTIuNC0uNi00LjQtMS45LTUuOS0xLjMtMS41LTMuNC0yLjgtNi40LTQtMy4zLTEuMi01LjYtMi4zLTYuOC0zLjMtMS4yLTEtMS44LTIuMi0xLjgtMy43cy40LTIuNyAxLjMtMy43IDItMS40IDMuNC0xLjRjNCAwIDYuOSAyLjkgOC43IDguNmwxLjctLjUtLjQtOC42em0tOTYuMi0uOWMtMS40LS43LTIuOS0xLTQuNi0xLTEuNyAwLTMuNC43LTUuMyAyLjEtMS45IDEuNC0zLjMgMy4zLTQuNCA1LjlsLjEtOC0xNS4yIDN2MS40bDEuNS4xYzEuOS4yIDMgMS43IDMuMiA0LjQuNiA2LjIuNiAxMi44IDAgMTkuOC0uMiAyLjctMS4zIDQuMS0zLjIgNC40bC0xLjUuMnYxLjloMjEuMlY0OWwtMi43LS4yYy0xLjktLjItMy0xLjctMy4yLTQuNC0uNi01LjgtLjctMTItLjItMTguNC42LTEgMS45LTEuNiAzLjktMS44IDItLjIgNC4zLjQgNi43IDEuOGwzLjctOS4zeiIvPg0KPC9zdmc+") center/contain no-repeat;
}
.pleca li[data-medio="GQ"]{
  width:219px;height:118px;
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDUxLjc4NCIgaGVpZ2h0PSIyNDIuNzc0MTIiIHZpZXdCb3g9IjAgMCAyMjUuODkxOTkgMTIxLjM4NzA2Ij4KIDxwYXRoIGQ9Im0gMTIyLjEyMDk5LDYwLjYwMDA1OCBjIDAsLTIuOTI5IC0wLjAxNiwtNS44MTMgLTAuNDUzLC04LjM1OCBsIC01Mi44OTE5OTgsMCAwLDI1LjQ0MiAxNS43LDAgYyAwLDIuNTQzIC03LjI1Nyw3Ljc3MSAtMTguMTQ1LDcuNzcxIC0xMS45NzgsMCAtMjUuNTM5LC05LjQxNyAtMjUuODEsLTI0LjU2OCAtMC4yODMsLTE1LjY5NyAxMy4yOTcsLTI1Ljk2MyAyNS44MSwtMjUuNTE2IDEwLjE2MiwwLjM2MyAxNC4wNDMsMy4yNzcgMTkuNzEsOC44NTUgMCwwIDMyLjk3NDk5OCwwLjAyNSAzMy44Mzg5OTgsMC4wMjUgLTAuOTgzLC0zLjc3OSAtMy40MTgsLTkuNDg5IC03LjU4NCwtMTUuNCAtMC4zNDgsLTAuNDkyIC0wLjcwMywtMC45ODggLTEuMDc4LC0xLjQ4IC04LjMzMSwtMTEuMDg5IC0yMi44MDU5OTgsLTIyLjM0NyAtNDUuMjk2OTk4LC0yMi4zNzEgLTI2LjQyNiwtMC4wMzcgLTQ2LjgyMiwxNy42MyAtNTMuNTQ4LDM5LjI2MSAtMC4wOCwwLjI2MSAtMC4xNTcsMC41MjIgLTAuMjM2LDAuNzg1IDAsMC4wMTIgLTAuMDA1LDAuMDMgLTAuMDEsMC4wNCAtMS4zODEsNC44NCAtMi4xMjY5OTk2LDkuOTQ4IC0yLjEyNjk5OTYsMTUuMjIzIDAuMDUsNS4wNTEgMC43MDU5OTk2LDkuODg2IDEuODk3OTk5NiwxNC40NDggNC4yNDQsMTUuNzgyIDE1LjI5LDI4LjgwNzAwMiAyOS44MzMsMzUuNzkzMDAyIDAuMTE3LDAuMDU1IDAuMjMzLDAuMTEyIDAuMzUzLDAuMTY0IDAuMDc1LDAuMDQgMC4xNTIsMC4wNjkgMC4yMjEsMC4xMDQgNy4zMzksMy4zMzggMTUuNTgzLDUuMTk3IDI0LjMzNiw1LjI2NiAxOC41NiwtMC4xNSAzNC45NzU5OTgsLTkuMjMyIDQ1LjA4OTk5OCwtMjMuMTMxMDAyIDAuMjA3LC0wLjI4NyAxMC4zOSwtMTUuMDE3IDEwLjM5LC0zMi4zNTMgeiIgc3R5bGU9ImZpbGw6I2VhMjMyYiIgLz4KIDxwYXRoIGQ9Im0gMjA1LjY4NTk5LDkyLjcxMTA1OCBjIDAsMCAxMC4zMDgsLTEzLjE2NCAxMC4zNDcsLTMwLjY5MiAwLjA4MiwtMzQuNDIzIC0yNC4wMzEsLTU2LjYzOSAtNTcuNjcsLTU2LjY4OSAtMTkuNDg4LC0wLjAzIC0zNy40NTUsMTAuMzM1IC00Ni42NTYsMjIuNzcxIC04LjE4NCwxMS4wNjQgLTkuNTMzLDIwLjI4MiAtOS41MzMsMjYuOTg3IC0wLjM4OCw4LjM0MiAwLjQzMiwxMi4yODcgMC40MzIsMTIuMjg3IDEuMTg4LDguNjg2IDQuNTYsMTcuMjMgOS43MzcsMjQuNjgyIGwgMCwwIGMgOS43OTcsMTQuMTA3MDAyIDI2LjA2NCwyNC4zMzAwMDIgNDYuMjEzLDI0LjMzMDAwMiAxMy4zNzIsMC4wMDIgMjIuODMxLC02LjI3OSAyNC41NCwtNy4xODcgbCAzLjU0NCw0LjEwNCAzNC4yNTIsMCAtMTUuMjA2LC0yMC41OTMwMDIgeiBtIC0yMC44NTEsLTI0LjE1NSAtMi45MjQsLTMuNTkzIC0zNC43NDgsMCAxNC4xMjcsMjAuMDUyIGMgLTE0LjcsMi44ODEgLTI4LjU5NCwtOS42MSAtMjguMzkxLC0yMy45MTggMC4yMDYsLTE0LjYxOSAxMi4wMDQsLTI1LjQ3NyAyNi4xMTIsLTI1LjM4MiAxNS40ODgsMC4wOTggMzAuOTM4LDE2Ljg4OSAyNS44MjQsMzIuODQxIHoiIHN0eWxlPSJmaWxsOiMwYTcxZmYiIC8+CiA8ZyBzdHlsZT0ib3BhY2l0eTowLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNjQxOTkyMzQsMC42MjIwNTgwNCkiPgogIDxwYXRoIGQ9Im0gMTE5LjIzOCw0My42NDQgYyAtMC45ODMsLTMuNzc5IC0zLjQxOCwtOS40OTYgLTcuNTg0LC0xNS40MDQgLTAuMTc0LC0wLjI1MSAtMC4zNjMsLTAuNTAyIC0wLjU0MiwtMC43NTUgLTAuMDE1LDAuMDIgLTAuMDMyLDAuMDQgLTAuMDQ3LDAuMDYgLTQuMzk1LDUuOTM4IC02LjgxNSwxMS4zMzUgLTguMTE3LDE2LjA5NSA4LjAzLDAuMDAyIDE1Ljg3NCwwLjAwNCAxNi4yOSwwLjAwNCB6IiBzdHlsZT0iZmlsbDojZWEyMzJiIiAvPgogIDxwYXRoIGQ9Im0gMTIxLjQ3OSw1OS45NzggYyAwLC0yLjkyOSAtMC4wMTYsLTUuODEzIC0wLjQ1MywtOC4zNTggbCAtMTkuMzk5LDAgYyAtMC4wNjQsMCAtMC4wOTQsMS45NjggLTAuMDk0LDIuODkyIC0wLjM4OCw4LjM0MyAwLjQzMiwxMi4yNjEgMC40MzIsMTIuMjYxIDEuMTgzLDguNjggNC41NTIsMTcuMjA5IDkuNzIsMjQuNjU0IDIuMjEsLTMuNDcgOS43OTQsLTE2LjQ4OCA5Ljc5NCwtMzEuNDQ5IHoiIHN0eWxlPSJmaWxsOiNlYTIzMmIiIC8+CiA8L2c+Cjwvc3ZnPg==") center/contain no-repeat;
  mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDUxLjc4NCIgaGVpZ2h0PSIyNDIuNzc0MTIiIHZpZXdCb3g9IjAgMCAyMjUuODkxOTkgMTIxLjM4NzA2Ij4KIDxwYXRoIGQ9Im0gMTIyLjEyMDk5LDYwLjYwMDA1OCBjIDAsLTIuOTI5IC0wLjAxNiwtNS44MTMgLTAuNDUzLC04LjM1OCBsIC01Mi44OTE5OTgsMCAwLDI1LjQ0MiAxNS43LDAgYyAwLDIuNTQzIC03LjI1Nyw3Ljc3MSAtMTguMTQ1LDcuNzcxIC0xMS45NzgsMCAtMjUuNTM5LC05LjQxNyAtMjUuODEsLTI0LjU2OCAtMC4yODMsLTE1LjY5NyAxMy4yOTcsLTI1Ljk2MyAyNS44MSwtMjUuNTE2IDEwLjE2MiwwLjM2MyAxNC4wNDMsMy4yNzcgMTkuNzEsOC44NTUgMCwwIDMyLjk3NDk5OCwwLjAyNSAzMy44Mzg5OTgsMC4wMjUgLTAuOTgzLC0zLjc3OSAtMy40MTgsLTkuNDg5IC03LjU4NCwtMTUuNCAtMC4zNDgsLTAuNDkyIC0wLjcwMywtMC45ODggLTEuMDc4LC0xLjQ4IC04LjMzMSwtMTEuMDg5IC0yMi44MDU5OTgsLTIyLjM0NyAtNDUuMjk2OTk4LC0yMi4zNzEgLTI2LjQyNiwtMC4wMzcgLTQ2LjgyMiwxNy42MyAtNTMuNTQ4LDM5LjI2MSAtMC4wOCwwLjI2MSAtMC4xNTcsMC41MjIgLTAuMjM2LDAuNzg1IDAsMC4wMTIgLTAuMDA1LDAuMDMgLTAuMDEsMC4wNCAtMS4zODEsNC44NCAtMi4xMjY5OTk2LDkuOTQ4IC0yLjEyNjk5OTYsMTUuMjIzIDAuMDUsNS4wNTEgMC43MDU5OTk2LDkuODg2IDEuODk3OTk5NiwxNC40NDggNC4yNDQsMTUuNzgyIDE1LjI5LDI4LjgwNzAwMiAyOS44MzMsMzUuNzkzMDAyIDAuMTE3LDAuMDU1IDAuMjMzLDAuMTEyIDAuMzUzLDAuMTY0IDAuMDc1LDAuMDQgMC4xNTIsMC4wNjkgMC4yMjEsMC4xMDQgNy4zMzksMy4zMzggMTUuNTgzLDUuMTk3IDI0LjMzNiw1LjI2NiAxOC41NiwtMC4xNSAzNC45NzU5OTgsLTkuMjMyIDQ1LjA4OTk5OCwtMjMuMTMxMDAyIDAuMjA3LC0wLjI4NyAxMC4zOSwtMTUuMDE3IDEwLjM5LC0zMi4zNTMgeiIgc3R5bGU9ImZpbGw6I2VhMjMyYiIgLz4KIDxwYXRoIGQ9Im0gMjA1LjY4NTk5LDkyLjcxMTA1OCBjIDAsMCAxMC4zMDgsLTEzLjE2NCAxMC4zNDcsLTMwLjY5MiAwLjA4MiwtMzQuNDIzIC0yNC4wMzEsLTU2LjYzOSAtNTcuNjcsLTU2LjY4OSAtMTkuNDg4LC0wLjAzIC0zNy40NTUsMTAuMzM1IC00Ni42NTYsMjIuNzcxIC04LjE4NCwxMS4wNjQgLTkuNTMzLDIwLjI4MiAtOS41MzMsMjYuOTg3IC0wLjM4OCw4LjM0MiAwLjQzMiwxMi4yODcgMC40MzIsMTIuMjg3IDEuMTg4LDguNjg2IDQuNTYsMTcuMjMgOS43MzcsMjQuNjgyIGwgMCwwIGMgOS43OTcsMTQuMTA3MDAyIDI2LjA2NCwyNC4zMzAwMDIgNDYuMjEzLDI0LjMzMDAwMiAxMy4zNzIsMC4wMDIgMjIuODMxLC02LjI3OSAyNC41NCwtNy4xODcgbCAzLjU0NCw0LjEwNCAzNC4yNTIsMCAtMTUuMjA2LC0yMC41OTMwMDIgeiBtIC0yMC44NTEsLTI0LjE1NSAtMi45MjQsLTMuNTkzIC0zNC43NDgsMCAxNC4xMjcsMjAuMDUyIGMgLTE0LjcsMi44ODEgLTI4LjU5NCwtOS42MSAtMjguMzkxLC0yMy45MTggMC4yMDYsLTE0LjYxOSAxMi4wMDQsLTI1LjQ3NyAyNi4xMTIsLTI1LjM4MiAxNS40ODgsMC4wOTggMzAuOTM4LDE2Ljg4OSAyNS44MjQsMzIuODQxIHoiIHN0eWxlPSJmaWxsOiMwYTcxZmYiIC8+CiA8ZyBzdHlsZT0ib3BhY2l0eTowLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNjQxOTkyMzQsMC42MjIwNTgwNCkiPgogIDxwYXRoIGQ9Im0gMTE5LjIzOCw0My42NDQgYyAtMC45ODMsLTMuNzc5IC0zLjQxOCwtOS40OTYgLTcuNTg0LC0xNS40MDQgLTAuMTc0LC0wLjI1MSAtMC4zNjMsLTAuNTAyIC0wLjU0MiwtMC43NTUgLTAuMDE1LDAuMDIgLTAuMDMyLDAuMDQgLTAuMDQ3LDAuMDYgLTQuMzk1LDUuOTM4IC02LjgxNSwxMS4zMzUgLTguMTE3LDE2LjA5NSA4LjAzLDAuMDAyIDE1Ljg3NCwwLjAwNCAxNi4yOSwwLjAwNCB6IiBzdHlsZT0iZmlsbDojZWEyMzJiIiAvPgogIDxwYXRoIGQ9Im0gMTIxLjQ3OSw1OS45NzggYyAwLC0yLjkyOSAtMC4wMTYsLTUuODEzIC0wLjQ1MywtOC4zNTggbCAtMTkuMzk5LDAgYyAtMC4wNjQsMCAtMC4wOTQsMS45NjggLTAuMDk0LDIuODkyIC0wLjM4OCw4LjM0MyAwLjQzMiwxMi4yNjEgMC40MzIsMTIuMjYxIDEuMTgzLDguNjggNC41NTIsMTcuMjA5IDkuNzIsMjQuNjU0IDIuMjEsLTMuNDcgOS43OTQsLTE2LjQ4OCA5Ljc5NCwtMzEuNDQ5IHoiIHN0eWxlPSJmaWxsOiNlYTIzMmIiIC8+CiA8L2c+Cjwvc3ZnPg==") center/contain no-repeat;
}
.pleca li[data-medio="El Universal"]{
  width:380px;height:37px;
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjYxMC4xcHgiIGhlaWdodD0iNTkuMnB4IiB2aWV3Qm94PSIwIDAgNjEwLjEgNTkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEwLjEgNTkuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzAwNjlBMjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPGc+DQoJCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI0NS45LDU3LjcgMC43LDU3LjcgMC43LDUzLjMgNy4yLDUzLjMgNy4yLDUuOSAwLjcsNS45IDAuNywxLjUgNDUuMSwxLjUgNDUuMSwxNiAzOS42LDE2IDM5LjYsNy42IA0KCQkJCQkyMi40LDcuNiAyMi40LDI2LjQgMjkuNywyNi40IDI5LjcsMjAuNSAzNC44LDIwLjUgMzQuOCwzNi44IDI5LjcsMzYuOCAyOS43LDMwLjkgMjIuNCwzMC45IDIyLjQsNTEuOCA0MC40LDUxLjggNDAuNCw0Mi4xIA0KCQkJCQk0NS45LDQyLjEgCQkJCSIvPg0KCQkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iOTYsNTcuNyA1MS41LDU3LjcgNTEuNSw1My4zIDU3LjksNTMuMyA1Ny45LDUuOSA1MS41LDUuOSA1MS41LDEuNSA4MC45LDEuNSA4MC45LDUuOSA3My4yLDUuOSANCgkJCQkJNzMuMiw1MS44IDkwLjQsNTEuOCA5MC40LDQyLjEgOTYsNDIuMSAJCQkJIi8+DQoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3Mi41LDUuOWgtNC42djMyYzAsMTUuNS05LjUsMjAuOS0yNCwyMC45Yy0xNS45LDAtMjQtNi43LTI0LTE4LjVWNS45aC01LjJWMS41aDI2Ljl2NC40aC02LjR2MzEuOA0KCQkJCQljMCwxMi4zLDQuOSwxNS4yLDEzLjgsMTUuMmM5LjQsMCwxMi44LTUsMTIuOC0xNS4yVjZoLTcuMVYxLjVoMTcuOUwxNzIuNSw1Ljl6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Mi44LDUzLjNoNy40djQuNGgtMjAuMXYtNC40aDYuNVY4LjRjMC0wLjEtMS44LTIuNS0xLjgtMi41aC02LjVWMS41aDIxLjVMMjI3LDM4Ljl2LTMzaC04LjRWMS41aDIwLjgNCgkJCQkJdjQuNGgtNi4xdjUyLjhoLTkuOGwtMzAuNi00MS44TDE5Mi44LDUzLjN6Ii8+DQoJCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyNzQuNSw1Ny43IDI0NS40LDU3LjcgMjQ1LjQsNTMuMyAyNTIuMyw1My4zIDI1Mi4zLDUuOSAyNDUuNCw1LjkgMjQ1LjQsMS41IDI3NC41LDEuNSAyNzQuNSw1LjkgDQoJCQkJCTI2Ny41LDUuOSAyNjcuNSw1My4zIDI3NC41LDUzLjMgCQkJCSIvPg0KCQkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzE0LjcsNTkuMiAzMDUuOSw1OS4yIDI4NS4xLDUuOSAyODAuNCw1LjkgMjgwLjQsMS41IDMwOSwxLjUgMzA5LDUuOSAzMDAuNyw1LjkgMzE0LjksNDMuMiANCgkJCQkJMzI5LjMsNS45IDMyMyw1LjkgMzIzLDEuNSAzNDAsMS41IDM0MCw1LjkgMzM1LjUsNS45IAkJCQkiLz4NCgkJCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjM5MC42LDU3LjcgMzQ2LjEsNTcuNyAzNDYuMSw1My4zIDM1MSw1My4zIDM1MSw1LjkgMzQ2LjEsNS45IDM0Ni4xLDEuNSAzODkuNywxLjUgMzg5LjcsMTYgDQoJCQkJCTM4NC4zLDE2IDM4NC4zLDcuNiAzNjYuMiw3LjYgMzY2LjIsMjYuNCAzNzQuMywyNi40IDM3NC4zLDIwLjUgMzc5LjQsMjAuNSAzNzkuNCwzNi44IDM3NC4zLDM2LjggMzc0LjMsMzAuOSAzNjYuMiwzMC45IA0KCQkJCQkzNjYuMiw1MS44IDM4NSw1MS44IDM4NSw0Mi4xIDM5MC42LDQyLjEgCQkJCSIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjcuNSwzMS44YzE0LjgtMS40LDE3LjctNy45LDE3LjctMTQuM2MwLTEwLjItNi41LTE2LTIwLjUtMTZoLTI4LjR2NC40aDcuMnY0Ny40aC03LjJ2NC40aDI4LjR2LTQuNGgtNg0KCQkJCQlWMzUuN2gyLjJsMTMsMjIuMWgxOC41di00LjRoLTQuMWwtNy44LTEyLjZjLTMuOS02LjMtNS41LTcuOS0xMy04LjVMNDI3LjUsMzEuOEw0MjcuNSwzMS44eiBNNDE4LjcsNy4yaDAuNw0KCQkJCQljOC40LDAsMTAsMy40LDEwLDEwLjZjMCw3LjMtMS4xLDEyLjMtMTAuMywxMi4zaC0wLjNMNDE4LjcsNy4yeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NjQuMSw1OC41aC01LjlWNDIuMWg1Ljl2OS4xYzQuMSwxLjIsNy42LDEuNSwxMi42LDEuNWM3LjEsMCw5LjctMiw5LjctNi45YzAtMy45LTMuNC01LjctMTEuMy05LjUNCgkJCQkJYy0xMi40LTYtMTYuNS0xMC0xNi41LTIwLjJjMC0xMC42LDcuOS0xNS42LDE4LjUtMTUuNmMzLjMsMCwxMC44LDEuMiwxMy41LDMuMVYwLjJoNS41VjE2aC01LjVWNy44Yy0zLjItMC45LTYuNy0xLTkuOS0xDQoJCQkJCWMtNS44LDAtOC42LDEuOC04LjYsNmMwLDUuMSwzLjQsNi42LDEwLjYsMTAuMWM5LjcsNC43LDE3LDguNCwxNywxOS44YzAsMTAuOC04LjMsMTYuMS0xOS42LDE2LjFjLTUsMC0xMS45LTEtMTUuOC0zLjMNCgkJCQkJTDQ2NC4xLDU4LjV6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxNy41LDQyaDIwLjRsNC4zLDExLjNoLTYuOXY0LjRoMjd2LTQuNGgtNC45TDUzNi42LDBoLTguOWwtMjAuOCw1My4zaC01LjN2NC40aDE3LjN2LTQuNGgtNS44TDUxNy41LDQyeg0KCQkJCQkgTTUzNi4xLDM3LjNoLTE2LjhjMC4xLDAsOC40LTIxLjcsOC40LTIxLjdMNTM2LjEsMzcuM3oiLz4NCgkJCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjYxMC44LDU3LjcgNTY4LjEsNTcuNyA1NjguMSw1My4zIDU3Mi44LDUzLjMgNTcyLjgsNS45IDU2OC4xLDUuOSA1NjguMSwxLjUgNTk0LjEsMS41IDU5NC4xLDUuOSANCgkJCQkJNTg4LjEsNS45IDU4OC4xLDUxLjggNjA1LjMsNTEuOCA2MDUuMyw0Mi4xIDYxMC44LDQyLjEgCQkJCSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=") center/contain no-repeat;
  mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjYxMC4xcHgiIGhlaWdodD0iNTkuMnB4IiB2aWV3Qm94PSIwIDAgNjEwLjEgNTkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEwLjEgNTkuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzAwNjlBMjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPGc+DQoJCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI0NS45LDU3LjcgMC43LDU3LjcgMC43LDUzLjMgNy4yLDUzLjMgNy4yLDUuOSAwLjcsNS45IDAuNywxLjUgNDUuMSwxLjUgNDUuMSwxNiAzOS42LDE2IDM5LjYsNy42IA0KCQkJCQkyMi40LDcuNiAyMi40LDI2LjQgMjkuNywyNi40IDI5LjcsMjAuNSAzNC44LDIwLjUgMzQuOCwzNi44IDI5LjcsMzYuOCAyOS43LDMwLjkgMjIuNCwzMC45IDIyLjQsNTEuOCA0MC40LDUxLjggNDAuNCw0Mi4xIA0KCQkJCQk0NS45LDQyLjEgCQkJCSIvPg0KCQkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iOTYsNTcuNyA1MS41LDU3LjcgNTEuNSw1My4zIDU3LjksNTMuMyA1Ny45LDUuOSA1MS41LDUuOSA1MS41LDEuNSA4MC45LDEuNSA4MC45LDUuOSA3My4yLDUuOSANCgkJCQkJNzMuMiw1MS44IDkwLjQsNTEuOCA5MC40LDQyLjEgOTYsNDIuMSAJCQkJIi8+DQoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3Mi41LDUuOWgtNC42djMyYzAsMTUuNS05LjUsMjAuOS0yNCwyMC45Yy0xNS45LDAtMjQtNi43LTI0LTE4LjVWNS45aC01LjJWMS41aDI2Ljl2NC40aC02LjR2MzEuOA0KCQkJCQljMCwxMi4zLDQuOSwxNS4yLDEzLjgsMTUuMmM5LjQsMCwxMi44LTUsMTIuOC0xNS4yVjZoLTcuMVYxLjVoMTcuOUwxNzIuNSw1Ljl6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Mi44LDUzLjNoNy40djQuNGgtMjAuMXYtNC40aDYuNVY4LjRjMC0wLjEtMS44LTIuNS0xLjgtMi41aC02LjVWMS41aDIxLjVMMjI3LDM4Ljl2LTMzaC04LjRWMS41aDIwLjgNCgkJCQkJdjQuNGgtNi4xdjUyLjhoLTkuOGwtMzAuNi00MS44TDE5Mi44LDUzLjN6Ii8+DQoJCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyNzQuNSw1Ny43IDI0NS40LDU3LjcgMjQ1LjQsNTMuMyAyNTIuMyw1My4zIDI1Mi4zLDUuOSAyNDUuNCw1LjkgMjQ1LjQsMS41IDI3NC41LDEuNSAyNzQuNSw1LjkgDQoJCQkJCTI2Ny41LDUuOSAyNjcuNSw1My4zIDI3NC41LDUzLjMgCQkJCSIvPg0KCQkJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzE0LjcsNTkuMiAzMDUuOSw1OS4yIDI4NS4xLDUuOSAyODAuNCw1LjkgMjgwLjQsMS41IDMwOSwxLjUgMzA5LDUuOSAzMDAuNyw1LjkgMzE0LjksNDMuMiANCgkJCQkJMzI5LjMsNS45IDMyMyw1LjkgMzIzLDEuNSAzNDAsMS41IDM0MCw1LjkgMzM1LjUsNS45IAkJCQkiLz4NCgkJCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjM5MC42LDU3LjcgMzQ2LjEsNTcuNyAzNDYuMSw1My4zIDM1MSw1My4zIDM1MSw1LjkgMzQ2LjEsNS45IDM0Ni4xLDEuNSAzODkuNywxLjUgMzg5LjcsMTYgDQoJCQkJCTM4NC4zLDE2IDM4NC4zLDcuNiAzNjYuMiw3LjYgMzY2LjIsMjYuNCAzNzQuMywyNi40IDM3NC4zLDIwLjUgMzc5LjQsMjAuNSAzNzkuNCwzNi44IDM3NC4zLDM2LjggMzc0LjMsMzAuOSAzNjYuMiwzMC45IA0KCQkJCQkzNjYuMiw1MS44IDM4NSw1MS44IDM4NSw0Mi4xIDM5MC42LDQyLjEgCQkJCSIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjcuNSwzMS44YzE0LjgtMS40LDE3LjctNy45LDE3LjctMTQuM2MwLTEwLjItNi41LTE2LTIwLjUtMTZoLTI4LjR2NC40aDcuMnY0Ny40aC03LjJ2NC40aDI4LjR2LTQuNGgtNg0KCQkJCQlWMzUuN2gyLjJsMTMsMjIuMWgxOC41di00LjRoLTQuMWwtNy44LTEyLjZjLTMuOS02LjMtNS41LTcuOS0xMy04LjVMNDI3LjUsMzEuOEw0MjcuNSwzMS44eiBNNDE4LjcsNy4yaDAuNw0KCQkJCQljOC40LDAsMTAsMy40LDEwLDEwLjZjMCw3LjMtMS4xLDEyLjMtMTAuMywxMi4zaC0wLjNMNDE4LjcsNy4yeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NjQuMSw1OC41aC01LjlWNDIuMWg1Ljl2OS4xYzQuMSwxLjIsNy42LDEuNSwxMi42LDEuNWM3LjEsMCw5LjctMiw5LjctNi45YzAtMy45LTMuNC01LjctMTEuMy05LjUNCgkJCQkJYy0xMi40LTYtMTYuNS0xMC0xNi41LTIwLjJjMC0xMC42LDcuOS0xNS42LDE4LjUtMTUuNmMzLjMsMCwxMC44LDEuMiwxMy41LDMuMVYwLjJoNS41VjE2aC01LjVWNy44Yy0zLjItMC45LTYuNy0xLTkuOS0xDQoJCQkJCWMtNS44LDAtOC42LDEuOC04LjYsNmMwLDUuMSwzLjQsNi42LDEwLjYsMTAuMWM5LjcsNC43LDE3LDguNCwxNywxOS44YzAsMTAuOC04LjMsMTYuMS0xOS42LDE2LjFjLTUsMC0xMS45LTEtMTUuOC0zLjMNCgkJCQkJTDQ2NC4xLDU4LjV6Ii8+DQoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxNy41LDQyaDIwLjRsNC4zLDExLjNoLTYuOXY0LjRoMjd2LTQuNGgtNC45TDUzNi42LDBoLTguOWwtMjAuOCw1My4zaC01LjN2NC40aDE3LjN2LTQuNGgtNS44TDUxNy41LDQyeg0KCQkJCQkgTTUzNi4xLDM3LjNoLTE2LjhjMC4xLDAsOC40LTIxLjcsOC40LTIxLjdMNTM2LjEsMzcuM3oiLz4NCgkJCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjYxMC44LDU3LjcgNTY4LjEsNTcuNyA1NjguMSw1My4zIDU3Mi44LDUzLjMgNTcyLjgsNS45IDU2OC4xLDUuOSA1NjguMSwxLjUgNTk0LjEsMS41IDU5NC4xLDUuOSANCgkJCQkJNTg4LjEsNS45IDU4OC4xLDUxLjggNjA1LjMsNTEuOCA2MDUuMyw0Mi4xIDYxMC44LDQyLjEgCQkJCSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=") center/contain no-repeat;
}
.pleca li[data-medio="Esquire"]{
  width:380px;height:93px;
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgd2lkdGg9IjIxOS42ODk3OSIKICAgaGVpZ2h0PSI1NC4zODQ4MjMiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkVzcXVpcmVMb2dvMjAxMy5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMC4xICgzYmMyZTgxM2Y1LCAyMDIwLTA5LTA3KSI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI3NDciCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNDgwIgogICAgIGlkPSJuYW1lZHZpZXcxMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMi4yMTUzMTY5IgogICAgIGlua3NjYXBlOmN4PSIxMDkuODQ0OSIKICAgICBpbmtzY2FwZTpjeT0iMzEuNjgzNzkzIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczUiIC8+CiAgPHBhdGgKICAgICBpZD0icGF0aDE0IgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiCiAgICAgZD0iIiAvPgogIDxwYXRoCiAgICAgZD0ibSAyOC43OTY5MzEsMC4yNDkwNzMwMyBjIC0yLjE4NjEyNSwtMC4zODUgLTE2LjMzMDYyNSwtMS41NDI1MDAwMyAtMjMuNzg5MTI0OSw4LjM1ODc0OTk3IC0zLjYwMDA4Nyw0LjUwMTI1IC0xLjAyODI1LDEwLjAzIDcuMDcyNzQ5OSwxMC4wMyAtNy41ODY4NzQ5LDIuODI4NzUgLTEzLjM3MzAzNzksNy45NzI2MjUgLTExLjgzMDA2MjksMTQuMDE1NSAyLjEzNDgxMyw4LjM2MTg4IDExLjQ0NDMxMjksNy45NzI3NSAxOC43NzM5Mzc5LDcuMjAxMjUgMTMuMDM5LC0xLjM3MjYyIDIxLjk4ODI1LC0xMy42Mjk4NzUgMjQuMDQ1ODc1LC0xNS4xNzI4NzUgMy4wODYsMS41NDMgNC42Mjg4NzUsNC4zNzE2MjUgMy4zNDMyNSw2LjE3MTg3NSAtMy40NzIxMjUsMC4xMjgzNzUgLTEyLjYwMTUsMC44OTkzNyAtMTIuMjE2MjUsNS42NTc3NSAwLjM4NjI1LDQuNzU3MjUgMTQuNzg3NSw0LjI0MzEzIDIyLjc2MDI1LC0xLjAyODg4IDEuMTU3NjI1LDAuMzg1NzYgMy40NzE2MiwxLjU0MzAxIDQuNjI5MzgsMi40NDMzOCAxLjE1NzI0LDAuODk5ODggMi40NDI4NywwLjEyODM4IDIuNTcxMjQsLTMuNzI5IC0xLjE1Njc0LC0xLjE1Nzc1IC00LjM3MTUsLTIuMzE1IC02LjA0Mjk5NSwtMi4zMTUgMC41MTQyNSwtMi41NzE3NSAxLjQxNDEyNSwtNS42NTcxMjUgLTUuNzg2NjI1LC0xMC45MjkgLTEuMTU3NjI1LC0wLjY0Mzc1IC0xLjAyODc1LC0xLjQxNSAtMC4xMjg4NzUsLTIuMDU3NSAwLjkwMDM3NSwtMC42NDM3NSAtMC4xMjgzNzUsLTIuMTg2MjUgLTIuNTcxNzUsLTIuOTU4NzUgLTIuNDQzMzc1LC0wLjc3IC03LjcxNTM3NSwtMC4zODUgLTkuMzg2NzUsMS41NDM3NSAtMC43NzE1LDAuNzcxMjUgLTAuNzcxNSwzLjQ3MjUgMC41MTQyNSw0LjM3MjUgLTEuMjg1NzUsMi4xODUyNSAtNy43MTUzNzUsMTEuNTcyIC0xNy4yMzEsMTIuMzQ0IC0zLjQ3MTc1LDAuMzg1NzUgLTcuMzc2LC0wLjEyMyAtNy4wNzE3NSwtNS4xNDM1IDAuMjU3MjUsLTQuMjQzMjUgNi42ODYsLTcuOTcxNzUgOS4wMDA4NzUsLTkuMDAwNSAxLjQxNDEyNSwtMC42NDM3NSAxLjE1NzI1LC0yLjcwMTI1IC0wLjY0MywtMy4yMTUgLTEuNzk5NzUsLTAuNTE1IC02LjA0MzUsLTAuNzcxMjUgLTYuMzAwNzUsLTQuMTE1IC0wLjI1NzM3NSwtMy4zNDM3NSAzLjk4NjI1LC01Ljc4NjI1IDEwLjgwMTI1LC03LjA3MjUgMi4wNTc2MjUsLTAuMjU3NSAyLjA1NzYyNSwtNC43NTc0OTk5NyAtMC41MTQxMjUsLTUuNDAxMjQ5OTcgeiBtIDE3LjEwMiwzNC40NjE4Nzk5NyBjIC0yLjE4NiwtMC4zODU3NSAtNy44NDM3NSwtMC4zODU3NSAtNy44NDM3NSwxLjQxNDYyIDAsMS44MDAyNSA2LjE3MjM3NSwxLjQxNCA3Ljg0Mzc1LC0xLjQxNDYyIgogICAgIGlkPSJwYXRoMTYiCiAgICAgc3R5bGU9ImZpbGw6IzIzMWYyMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgLz4KICA8cGF0aAogICAgIGQ9Im0gODMuNTc1MTc2LDIyLjQ5NTMyMyBjIC0yLjA1NzEyLC0wLjI1NzUgLTguNjE1MjUsLTEuMDI4NzUgLTkuNTE1NjIsNS4yNzE4NzUgLTAuODk5ODcsNi4zMDA3NTUgNC4yNDM2Myw2LjgxNTM3NSA2LjMwMTI1LDYuNTU4MDA1IDIuMDU3MTMsLTAuMjU3MjUgNi4zMDAzNywtMi40NDMzOCA2LjMwMDM3LC0xMC4wMjk3NTUgLTAuMTI4NDksLTMuODU3NjI1IDEuNDE0NTEsLTUuMjcxMzc1IDQuNzU3NzUsLTUuNDAwMTI1IDMuMzQzNzUsLTAuMTI4NzUgNC44ODYyNiwwLjY0MjUgNC44ODYyNiw0LjExNSAwLDMuNDcxNjI1IDAuMTI4ODcsMjkuNTc0MjUgMC4xMjg4NywzMC43MzEzOCAtMi40NDMzNywwIC04Ljg3MjUsMC4yNTczNyAtMTEuNDQ0MjUsMC42NDMxMiAwLjI1NzI1LC02LjE3MjM3IDEuMDI4NzUsLTE4LjY0NSAxLjAyODc1LC0yMC41NzQyNSAtMS42NzE4OCwyLjQ0MzM4IC00Ljg4NjI1LDYuMDQ0IC0xMC45MzAxMyw1LjkxNTUgLTYuMDQzNDksLTAuMTI4ODcgLTExLjU3Mjc1LC0yLjk1OCAtMTEuMTg3MTIsLTEwLjkzMDEyNSAwLjM4NTc1LC03Ljk3MTg3NSA4LjQ4Njg3LC0xMy41MDE4NzUgMjAuOTYsLTExLjcwMDYyNSAyLjE4NTYyLDAuMzg1IDIuNDQyODcsNS43ODUgLTEuMjg2MTMsNS40IgogICAgIGlkPSJwYXRoMTgiCiAgICAgc3R5bGU9ImZpbGw6IzIzMWYyMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgLz4KICA8cGF0aAogICAgIGQ9Im0gMjE3LjQzNDgxLDM0LjU4MjU3MyBjIC0yLjk1NzUsLTAuMTI4ODggLTUuMDE1LDAuMzg1MjUgLTcuMzI4NzUsMC43NzE1IC0yLjMxNSwwLjM4NTc1IC01LjkxNjI1LDAuNzcxNSAtOC42MTYyNSwwLjEyODM3IC0yLjcsLTAuNjQzIC0zLjQ3MTI1LC0zLjM0MzI0IC0yLjcsLTUuMDE0NjIgMC43NzEyNSwtMS42NzE4NzUgMy4zNDI1LC0yLjU3MjI1IDQuODg2MjUsLTMuMDg2Mzc1IDEuNTQzNzUsLTAuNTE0MjUgMS41NDM3NSwtMi41NzEzNzUgLTAuMTI4NzUsLTIuOTU3MTI1IC0xLjY3MTI1LC0wLjM4NjI1IC0zLjk4NjI1LC0xLjAyOTI1IC0zLjk4NjI1LC0yLjQ0Mjc1IDAsLTEuNDE1IDIuMDU3NSwtMy4zNDM3NSA4LjQ4NjI1LC0yLjgzIDIuNDQzNzUsMC4yNTc1IDEuODAxMjUsLTMuOTg1IC0wLjksLTQuNjI4NzUgLTIuNDQyNSwtMC4xMjg3NSAtMTAuOTMsMC42NDM3NSAtMTYuNzE2MjUsMy42IC0yLjk1NzUsMS41NDM3NSAtMy40NzEyNSw1Ljc4Njg3NSA0LjM3MjUsNy4yMDE1IC00Ljg4NjI1LDAuMzg1NzUgLTguMjMsNC42Mjg4NzUgLTguMTAxMjUsNi41NTc1IDAuMDM2MywwLjU0ODg4IC0wLjA2MTMsMS41MjQ1IDAuMjY3NSwyLjU5Nzc1IC0xLjI2ODc1LDAuODIxMjUgLTIuODMyNSwxLjA4OTc1IC00LjU3NSwxLjAwMjg3IC0yLjU3MjUsLTAuMTI4MzcgLTYuNDMsLTMuMjE0ODcgLTUuNTkzNzUsLTguNDg2NzQ1IDAuNzQsLTQuNjcwMzc1IDIuMDU3NSwtNC4xMTUzNzUgMi43LC00LjM3MTYyNSAxLjQxNSwwIDIuODMsLTAuNzcxMjUgMi44MywtMi41NzEyNSAwLC0xLjgwMTI1IDAuNDQ4NzUsLTIuMjUxMjUgLTAuOTY1LC0yLjI1MTI1IC0xLjQxNSwwIC0xMC4yMjI1LDEuMjg2MjUgLTE2Ljc4MTI1LC0wLjE5MjUgLTAuMTI4NzUsLTEuOTI4NzUgLTMuMzQyNSwtNC42MyAtNi42ODYyNSwtMi44Mjg3NSAtMy4zNDI1LDEuOCAtMi40NDI1LDUuOTE1IDEuNDE1LDYuOTQzNzUgMC4zMDEyNSwwLjA4IDAuNjA4NzUsMC4xNTYyNSAwLjkxMzc1LDAuMjMyNSAtMS4xODEyNSw0Ljg2MzI1IC0zLjg5ODc1LDEyLjk4Mjg4IC04LjI0Mzc1LDEzLjc4MzI1IC0yLjQ0MjUsMC41MTQxMyAtMy45ODYyNSwtMS4xNTcyNSAtMy43Mjg3NSwtNS4xNDM2MjUgMC4yNTc1LC0zLjk4NTc1IDEuMDI4NzUsLTExLjQ0NDYyNSAxLjAyODc1LC0xMS40NDQ2MjUgMC4yNTc1LC0zLjIxNSAtMTEuNDQ1LC0zLjA4NSAtMTEuMzE2MjUsMC45MDEyNSB2IDEyLjYwMDUgYyAwLDAuMzAwODcgMC4wNjM3LDAuNjc4MjUgMC4xOCwxLjA5Mzc1IC0yLjk2MTI1LDIuMzA0NzUgLTkuNDk2MjUsMi44MzI2MyAtOS4wNTI1LC0yLjM3OTM4IGwgMS41NDM3NSwtMTEuNDQ0ODcgYyAwLjM4NSwtMy4zNDI1IC0xMC4yODc1LC00LjUgLTEwLjU0NSwwLjEzIGwgLTAuMTI4NzUsOS4yNTcyNSBjIC0wLjA0MTMsMC41MjczNzUgLTAuMDU4OCwxLjE2NyAtMC4wMTc1LDEuODY0MjUgLTAuODUsMS41ODM1IC0yLjQ1NSwzLjA2MjUgLTQuNDgyNSwzLjE1MDg4IC0yLjk1OCwwLjEyODQ5IC00LjYyOTM3LC0wLjI1NzI1IC00LjM3MjUsLTMuOTg2MjU1IDAuMjU3MjUsLTMuNzI4NSAxLjE1Nzc1LC0xMC44MDExMjUgMS4xNTc3NSwtMTAuODAxMTI1IDAuMjU2NzUsLTMuMzQzNzUgLTEwLjQxNTYyLC0zLjM0Mzc1IC0xMC42NzI4NywtMC4zODYyNSAtMC4xMjg1LDIuNDQzNzUgLTAuNzcxLDExLjQ0NDYyNSAtMC44OTk4OCwxNC4yNzMyNSAtMC4xMjg1LDIuODI5MTMgNC4yNDM2Myw2LjMwMTI1IDEwLjQxNSw2LjA0NCA1LjQ0MjUsLTAuMjI3MTIgNy4zODYyNSwtMS43NTQ4NyA5LjYyLC00Ljc1Njg3IDEuMDksMi42Mzc3NCAzLjU2MTI1LDQuOTc5IDguODk3NSw0Ljc1Njg3IDIuMDMsLTAuMTE5NjIgNS4wNjEyNSwwLjUzNTEzIDkuODExMjUsLTMuMTg2IDEuMjY3NSwxLjcxMDM4IDMuNDE1LDMuMjk5MjUgNi42NDc1LDMuNDQzMjUgNS43ODYyNSwwLjI1NzM4IDEwLjE1ODc1LC0wLjI1NzI1IDEzLjI0NSwtNi4zMDEyNSAyLjY4LC01LjI1IDMuNTE3NSwtNy4zOTY1IDQuMTk2MjUsLTEwLjczNTc1IDIuNjM1LDAuNTA4NzUgNS4zNTI1LDAuODM0ODc1IDguMDE4NzUsMC44MzQ4NzUgLTMuMDg2MjUsMi4xODYxMjUgLTQuMzcxMjUsMy45ODU4NzUgLTQuMTE1LDcuNzE0ODc1IDAuMTMsMi4zMTUgMS42NzEyNSw4LjI3Mzg4IDExLjU3Mzc1LDguMzU4MzggNS41OTM3NSwwLjA0Nzg3IDguMTY1LC0xLjE0ODg4IDkuOTM1LC0yLjQ3OTUxIDIuMzc2MjUsMS43Mjc2MyA3LjMxMjUsMi45NjQ4OCAxNy41ODI1LDIuMDkzNzUgMy4zNDM3NSwtMC41MTQ2MiA4LjM1NzUsLTAuMzg1NzQgMTEuNTcyNSwtMC4yNTcyNSAyLjE4NjI1LDAuMTI4ODggMi4zMTUsLTQuMjQzMjQgLTAuNjQyNSwtNC4zNzE2MiIKICAgICBpZD0icGF0aDIwIgogICAgIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIC8+CiAgPHBhdGgKICAgICBkPSJtIDE0My44ODIzMSwxMy41MTc4MjMgYyAzLjIxMzc1LDAgNS44MTg3NSwtMi4xOTc1IDUuODE4NzUsLTQuOTEgMCwtMi43MTEyNSAtMi42MDUsLTQuOTEgLTUuODE4NzUsLTQuOTEgLTMuMjEzNzUsMCAtNS44MTg3NSwyLjE5ODc1IC01LjgxODc1LDQuOTEgMCwyLjcxMjUgMi42MDUsNC45MSA1LjgxODc1LDQuOTEiCiAgICAgaWQ9InBhdGgyMiIKICAgICBzdHlsZT0iZmlsbDojMjMxZjIwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") center/contain no-repeat;
  mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgd2lkdGg9IjIxOS42ODk3OSIKICAgaGVpZ2h0PSI1NC4zODQ4MjMiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkVzcXVpcmVMb2dvMjAxMy5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMC4xICgzYmMyZTgxM2Y1LCAyMDIwLTA5LTA3KSI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI3NDciCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNDgwIgogICAgIGlkPSJuYW1lZHZpZXcxMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMi4yMTUzMTY5IgogICAgIGlua3NjYXBlOmN4PSIxMDkuODQ0OSIKICAgICBpbmtzY2FwZTpjeT0iMzEuNjgzNzkzIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczUiIC8+CiAgPHBhdGgKICAgICBpZD0icGF0aDE0IgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiCiAgICAgZD0iIiAvPgogIDxwYXRoCiAgICAgZD0ibSAyOC43OTY5MzEsMC4yNDkwNzMwMyBjIC0yLjE4NjEyNSwtMC4zODUgLTE2LjMzMDYyNSwtMS41NDI1MDAwMyAtMjMuNzg5MTI0OSw4LjM1ODc0OTk3IC0zLjYwMDA4Nyw0LjUwMTI1IC0xLjAyODI1LDEwLjAzIDcuMDcyNzQ5OSwxMC4wMyAtNy41ODY4NzQ5LDIuODI4NzUgLTEzLjM3MzAzNzksNy45NzI2MjUgLTExLjgzMDA2MjksMTQuMDE1NSAyLjEzNDgxMyw4LjM2MTg4IDExLjQ0NDMxMjksNy45NzI3NSAxOC43NzM5Mzc5LDcuMjAxMjUgMTMuMDM5LC0xLjM3MjYyIDIxLjk4ODI1LC0xMy42Mjk4NzUgMjQuMDQ1ODc1LC0xNS4xNzI4NzUgMy4wODYsMS41NDMgNC42Mjg4NzUsNC4zNzE2MjUgMy4zNDMyNSw2LjE3MTg3NSAtMy40NzIxMjUsMC4xMjgzNzUgLTEyLjYwMTUsMC44OTkzNyAtMTIuMjE2MjUsNS42NTc3NSAwLjM4NjI1LDQuNzU3MjUgMTQuNzg3NSw0LjI0MzEzIDIyLjc2MDI1LC0xLjAyODg4IDEuMTU3NjI1LDAuMzg1NzYgMy40NzE2MiwxLjU0MzAxIDQuNjI5MzgsMi40NDMzOCAxLjE1NzI0LDAuODk5ODggMi40NDI4NywwLjEyODM4IDIuNTcxMjQsLTMuNzI5IC0xLjE1Njc0LC0xLjE1Nzc1IC00LjM3MTUsLTIuMzE1IC02LjA0Mjk5NSwtMi4zMTUgMC41MTQyNSwtMi41NzE3NSAxLjQxNDEyNSwtNS42NTcxMjUgLTUuNzg2NjI1LC0xMC45MjkgLTEuMTU3NjI1LC0wLjY0Mzc1IC0xLjAyODc1LC0xLjQxNSAtMC4xMjg4NzUsLTIuMDU3NSAwLjkwMDM3NSwtMC42NDM3NSAtMC4xMjgzNzUsLTIuMTg2MjUgLTIuNTcxNzUsLTIuOTU4NzUgLTIuNDQzMzc1LC0wLjc3IC03LjcxNTM3NSwtMC4zODUgLTkuMzg2NzUsMS41NDM3NSAtMC43NzE1LDAuNzcxMjUgLTAuNzcxNSwzLjQ3MjUgMC41MTQyNSw0LjM3MjUgLTEuMjg1NzUsMi4xODUyNSAtNy43MTUzNzUsMTEuNTcyIC0xNy4yMzEsMTIuMzQ0IC0zLjQ3MTc1LDAuMzg1NzUgLTcuMzc2LC0wLjEyMyAtNy4wNzE3NSwtNS4xNDM1IDAuMjU3MjUsLTQuMjQzMjUgNi42ODYsLTcuOTcxNzUgOS4wMDA4NzUsLTkuMDAwNSAxLjQxNDEyNSwtMC42NDM3NSAxLjE1NzI1LC0yLjcwMTI1IC0wLjY0MywtMy4yMTUgLTEuNzk5NzUsLTAuNTE1IC02LjA0MzUsLTAuNzcxMjUgLTYuMzAwNzUsLTQuMTE1IC0wLjI1NzM3NSwtMy4zNDM3NSAzLjk4NjI1LC01Ljc4NjI1IDEwLjgwMTI1LC03LjA3MjUgMi4wNTc2MjUsLTAuMjU3NSAyLjA1NzYyNSwtNC43NTc0OTk5NyAtMC41MTQxMjUsLTUuNDAxMjQ5OTcgeiBtIDE3LjEwMiwzNC40NjE4Nzk5NyBjIC0yLjE4NiwtMC4zODU3NSAtNy44NDM3NSwtMC4zODU3NSAtNy44NDM3NSwxLjQxNDYyIDAsMS44MDAyNSA2LjE3MjM3NSwxLjQxNCA3Ljg0Mzc1LC0xLjQxNDYyIgogICAgIGlkPSJwYXRoMTYiCiAgICAgc3R5bGU9ImZpbGw6IzIzMWYyMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgLz4KICA8cGF0aAogICAgIGQ9Im0gODMuNTc1MTc2LDIyLjQ5NTMyMyBjIC0yLjA1NzEyLC0wLjI1NzUgLTguNjE1MjUsLTEuMDI4NzUgLTkuNTE1NjIsNS4yNzE4NzUgLTAuODk5ODcsNi4zMDA3NTUgNC4yNDM2Myw2LjgxNTM3NSA2LjMwMTI1LDYuNTU4MDA1IDIuMDU3MTMsLTAuMjU3MjUgNi4zMDAzNywtMi40NDMzOCA2LjMwMDM3LC0xMC4wMjk3NTUgLTAuMTI4NDksLTMuODU3NjI1IDEuNDE0NTEsLTUuMjcxMzc1IDQuNzU3NzUsLTUuNDAwMTI1IDMuMzQzNzUsLTAuMTI4NzUgNC44ODYyNiwwLjY0MjUgNC44ODYyNiw0LjExNSAwLDMuNDcxNjI1IDAuMTI4ODcsMjkuNTc0MjUgMC4xMjg4NywzMC43MzEzOCAtMi40NDMzNywwIC04Ljg3MjUsMC4yNTczNyAtMTEuNDQ0MjUsMC42NDMxMiAwLjI1NzI1LC02LjE3MjM3IDEuMDI4NzUsLTE4LjY0NSAxLjAyODc1LC0yMC41NzQyNSAtMS42NzE4OCwyLjQ0MzM4IC00Ljg4NjI1LDYuMDQ0IC0xMC45MzAxMyw1LjkxNTUgLTYuMDQzNDksLTAuMTI4ODcgLTExLjU3Mjc1LC0yLjk1OCAtMTEuMTg3MTIsLTEwLjkzMDEyNSAwLjM4NTc1LC03Ljk3MTg3NSA4LjQ4Njg3LC0xMy41MDE4NzUgMjAuOTYsLTExLjcwMDYyNSAyLjE4NTYyLDAuMzg1IDIuNDQyODcsNS43ODUgLTEuMjg2MTMsNS40IgogICAgIGlkPSJwYXRoMTgiCiAgICAgc3R5bGU9ImZpbGw6IzIzMWYyMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgLz4KICA8cGF0aAogICAgIGQ9Im0gMjE3LjQzNDgxLDM0LjU4MjU3MyBjIC0yLjk1NzUsLTAuMTI4ODggLTUuMDE1LDAuMzg1MjUgLTcuMzI4NzUsMC43NzE1IC0yLjMxNSwwLjM4NTc1IC01LjkxNjI1LDAuNzcxNSAtOC42MTYyNSwwLjEyODM3IC0yLjcsLTAuNjQzIC0zLjQ3MTI1LC0zLjM0MzI0IC0yLjcsLTUuMDE0NjIgMC43NzEyNSwtMS42NzE4NzUgMy4zNDI1LC0yLjU3MjI1IDQuODg2MjUsLTMuMDg2Mzc1IDEuNTQzNzUsLTAuNTE0MjUgMS41NDM3NSwtMi41NzEzNzUgLTAuMTI4NzUsLTIuOTU3MTI1IC0xLjY3MTI1LC0wLjM4NjI1IC0zLjk4NjI1LC0xLjAyOTI1IC0zLjk4NjI1LC0yLjQ0Mjc1IDAsLTEuNDE1IDIuMDU3NSwtMy4zNDM3NSA4LjQ4NjI1LC0yLjgzIDIuNDQzNzUsMC4yNTc1IDEuODAxMjUsLTMuOTg1IC0wLjksLTQuNjI4NzUgLTIuNDQyNSwtMC4xMjg3NSAtMTAuOTMsMC42NDM3NSAtMTYuNzE2MjUsMy42IC0yLjk1NzUsMS41NDM3NSAtMy40NzEyNSw1Ljc4Njg3NSA0LjM3MjUsNy4yMDE1IC00Ljg4NjI1LDAuMzg1NzUgLTguMjMsNC42Mjg4NzUgLTguMTAxMjUsNi41NTc1IDAuMDM2MywwLjU0ODg4IC0wLjA2MTMsMS41MjQ1IDAuMjY3NSwyLjU5Nzc1IC0xLjI2ODc1LDAuODIxMjUgLTIuODMyNSwxLjA4OTc1IC00LjU3NSwxLjAwMjg3IC0yLjU3MjUsLTAuMTI4MzcgLTYuNDMsLTMuMjE0ODcgLTUuNTkzNzUsLTguNDg2NzQ1IDAuNzQsLTQuNjcwMzc1IDIuMDU3NSwtNC4xMTUzNzUgMi43LC00LjM3MTYyNSAxLjQxNSwwIDIuODMsLTAuNzcxMjUgMi44MywtMi41NzEyNSAwLC0xLjgwMTI1IDAuNDQ4NzUsLTIuMjUxMjUgLTAuOTY1LC0yLjI1MTI1IC0xLjQxNSwwIC0xMC4yMjI1LDEuMjg2MjUgLTE2Ljc4MTI1LC0wLjE5MjUgLTAuMTI4NzUsLTEuOTI4NzUgLTMuMzQyNSwtNC42MyAtNi42ODYyNSwtMi44Mjg3NSAtMy4zNDI1LDEuOCAtMi40NDI1LDUuOTE1IDEuNDE1LDYuOTQzNzUgMC4zMDEyNSwwLjA4IDAuNjA4NzUsMC4xNTYyNSAwLjkxMzc1LDAuMjMyNSAtMS4xODEyNSw0Ljg2MzI1IC0zLjg5ODc1LDEyLjk4Mjg4IC04LjI0Mzc1LDEzLjc4MzI1IC0yLjQ0MjUsMC41MTQxMyAtMy45ODYyNSwtMS4xNTcyNSAtMy43Mjg3NSwtNS4xNDM2MjUgMC4yNTc1LC0zLjk4NTc1IDEuMDI4NzUsLTExLjQ0NDYyNSAxLjAyODc1LC0xMS40NDQ2MjUgMC4yNTc1LC0zLjIxNSAtMTEuNDQ1LC0zLjA4NSAtMTEuMzE2MjUsMC45MDEyNSB2IDEyLjYwMDUgYyAwLDAuMzAwODcgMC4wNjM3LDAuNjc4MjUgMC4xOCwxLjA5Mzc1IC0yLjk2MTI1LDIuMzA0NzUgLTkuNDk2MjUsMi44MzI2MyAtOS4wNTI1LC0yLjM3OTM4IGwgMS41NDM3NSwtMTEuNDQ0ODcgYyAwLjM4NSwtMy4zNDI1IC0xMC4yODc1LC00LjUgLTEwLjU0NSwwLjEzIGwgLTAuMTI4NzUsOS4yNTcyNSBjIC0wLjA0MTMsMC41MjczNzUgLTAuMDU4OCwxLjE2NyAtMC4wMTc1LDEuODY0MjUgLTAuODUsMS41ODM1IC0yLjQ1NSwzLjA2MjUgLTQuNDgyNSwzLjE1MDg4IC0yLjk1OCwwLjEyODQ5IC00LjYyOTM3LC0wLjI1NzI1IC00LjM3MjUsLTMuOTg2MjU1IDAuMjU3MjUsLTMuNzI4NSAxLjE1Nzc1LC0xMC44MDExMjUgMS4xNTc3NSwtMTAuODAxMTI1IDAuMjU2NzUsLTMuMzQzNzUgLTEwLjQxNTYyLC0zLjM0Mzc1IC0xMC42NzI4NywtMC4zODYyNSAtMC4xMjg1LDIuNDQzNzUgLTAuNzcxLDExLjQ0NDYyNSAtMC44OTk4OCwxNC4yNzMyNSAtMC4xMjg1LDIuODI5MTMgNC4yNDM2Myw2LjMwMTI1IDEwLjQxNSw2LjA0NCA1LjQ0MjUsLTAuMjI3MTIgNy4zODYyNSwtMS43NTQ4NyA5LjYyLC00Ljc1Njg3IDEuMDksMi42Mzc3NCAzLjU2MTI1LDQuOTc5IDguODk3NSw0Ljc1Njg3IDIuMDMsLTAuMTE5NjIgNS4wNjEyNSwwLjUzNTEzIDkuODExMjUsLTMuMTg2IDEuMjY3NSwxLjcxMDM4IDMuNDE1LDMuMjk5MjUgNi42NDc1LDMuNDQzMjUgNS43ODYyNSwwLjI1NzM4IDEwLjE1ODc1LC0wLjI1NzI1IDEzLjI0NSwtNi4zMDEyNSAyLjY4LC01LjI1IDMuNTE3NSwtNy4zOTY1IDQuMTk2MjUsLTEwLjczNTc1IDIuNjM1LDAuNTA4NzUgNS4zNTI1LDAuODM0ODc1IDguMDE4NzUsMC44MzQ4NzUgLTMuMDg2MjUsMi4xODYxMjUgLTQuMzcxMjUsMy45ODU4NzUgLTQuMTE1LDcuNzE0ODc1IDAuMTMsMi4zMTUgMS42NzEyNSw4LjI3Mzg4IDExLjU3Mzc1LDguMzU4MzggNS41OTM3NSwwLjA0Nzg3IDguMTY1LC0xLjE0ODg4IDkuOTM1LC0yLjQ3OTUxIDIuMzc2MjUsMS43Mjc2MyA3LjMxMjUsMi45NjQ4OCAxNy41ODI1LDIuMDkzNzUgMy4zNDM3NSwtMC41MTQ2MiA4LjM1NzUsLTAuMzg1NzQgMTEuNTcyNSwtMC4yNTcyNSAyLjE4NjI1LDAuMTI4ODggMi4zMTUsLTQuMjQzMjQgLTAuNjQyNSwtNC4zNzE2MiIKICAgICBpZD0icGF0aDIwIgogICAgIHN0eWxlPSJmaWxsOiMyMzFmMjA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIC8+CiAgPHBhdGgKICAgICBkPSJtIDE0My44ODIzMSwxMy41MTc4MjMgYyAzLjIxMzc1LDAgNS44MTg3NSwtMi4xOTc1IDUuODE4NzUsLTQuOTEgMCwtMi43MTEyNSAtMi42MDUsLTQuOTEgLTUuODE4NzUsLTQuOTEgLTMuMjEzNzUsMCAtNS44MTg3NSwyLjE5ODc1IC01LjgxODc1LDQuOTEgMCwyLjcxMjUgMi42MDUsNC45MSA1LjgxODc1LDQuOTEiCiAgICAgaWQ9InBhdGgyMiIKICAgICBzdHlsZT0iZmlsbDojMjMxZjIwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") center/contain no-repeat;
}
.pleca li[data-medio="Condé Nast Traveler"]{
  width:281px;height:118px;
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjUwIiB3aWR0aD0iMTE5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KIDxkZWZzPgogIDxwYXRoIGlkPSJhIiBkPSJtMCAzOS41MzZoMTA3LjgyM3YtMzkuNDkxaC0xMDcuODIzeiIvPgogIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgPHVzZSBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPC9tYXNrPgogPC9kZWZzPgogPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICA8cGF0aCBkPSJtMSAwaDExOHY1MGgtMTE4eiIvPgogIDxnIGZpbGw9IiMwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNS4xNikiPgogICA8cGF0aCBkPSJtLjEwMi40NzcuMDAzIDMuNjI1aDUuOTk0djM1LjAwM2g1LjY2MnYtMzUuMDAzaDUuODI4di0zLjYzM3oiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTAgLjM3NS4wMDMgMy44MjloNS45OTR2MzUuMDAzaDUuODY2di0zNS4wMDNoNS44Mjh2LTMuODM3em0uMjA1LjIwNSAxNy4yODEtLjAwOXYzLjQyOWgtNS44Mjh2MzUuMDAzaC01LjQ1NnYtMzUuMDAzaC01Ljk5NWwtLjAwMi0zLjQyMXoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTE5LjM3MiAxMi4wMzJ2LTEuNjVoLTUuMDE1djI4LjY0aDUuMjY0cy4wNjktMTkuMDY2IDAtMjEuMTNjLS4wODMtMi40NzYgMy42NDctMi42NCAzLjY0Ny0yLjY0aDEuNzR2LTUuMTE4Yy0yLjgxOC0uNDEzLTUuNjM2IDEuODk4LTUuNjM2IDEuODk4IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0xNC40NTkgMzguOTJoNS4wNmMuMDA1LTEuNTA2LjA2NS0xOS4wNjQgMC0yMS4wMjQtLjA4Ni0yLjU0OCAzLjcwNi0yLjc0NSAzLjc0NC0yLjc0N2gxLjY0M3YtNC45MjZjLTIuNzExLS4zNDEtNS40NDIgMS44NjUtNS40NyAxLjg4OGwtLjE2Ny4xMzd2LTEuNzY1aC00Ljgxem01LjI2NC4yMDRoLTUuNDY5di0yOC44NDRoNS4yMnYxLjU0NWMuNjUzLS40ODMgMy4xMTEtMi4xNSA1LjU1LTEuNzkybC4wODcuMDEzdjUuMzA3aC0xLjg0M2MtLjAwNSAwLS45MjYuMDQ1LTEuODIyLjM4Ny0xLjE3Ni40NDgtMS43NTYgMS4xNzItMS43MjMgMi4xNS4wNjggMi4wNDEgMCAyMC45NDIgMCAyMS4xMzJ6bTMyLjgxMS0yOC43NDMtMi45ODQgMTguMzI0LTMuMjMzLTE4LjQwNmgtNS40NzFsNS42MzcgMjguODA1aDQuMjI4bDUuMzA1LTI4LjcyM3oiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTQ2LjU2NyAzOS4wMDNoNC4wNTlsNS4yNjctMjguNTJoLTMuMjcybC0zLjA2NyAxOC44MzUtMy4zMjMtMTguOTE3aC01LjI2em00LjIzLjIwM2gtNC4zOThsLS4wMTctLjA4Mi01LjY2LTI4LjkyN2g1LjY4MWwuMDE1LjA4NCAzLjEyOCAxNy44MSAyLjkwMS0xNy44MTFoMy42OTJsLTUuMzQzIDI4LjkyNnptMTIuNzM4LTI3LjA5MXMyLjIzOC4wODIgMi4zMjEgNC4yMWMuMDgzIDQuMTI2IDAgNi4zNTQgMCA2LjM1NGgtNC42NDJ2LTYuNDM3cy0uMDgzLTQuMTI3IDIuMzIxLTQuMTI3em0yLjQ4NyAxNS4xODd2Ni4zNTVzLS4wODMgMy40NjYtMi4zMjEgMy4zODQtMi40ODctMy4zODQtMi40ODctMy4zODR2LTguNjY2aDEwLjQ0NWMuODI5LTE1LjYtOC4wNDEtMTUuMDIyLTguMDQxLTE1LjAyMi04LjYyMSAxLjA3My04LjA0MSAxMi4yOTgtOC4wNDEgMTIuMjk4cy0xLjA3OCAxNy40MTUgOC4yMDcgMTcuMDg1YzkuMjg0LS4zMyA3Ljc5Mi0xMi4wNSA3Ljc5Mi0xMi4wNXoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTYxLjMxNiAyMi41NzhoNC40NDFjLjAxNS0uNDc0LjA2OS0yLjY1MS0uMDAzLTYuMjUyLS4wOC0zLjk0Mi0yLjE1Ny00LjEwNi0yLjIyMS00LjExLS40NjguMDAxLS44NzEuMTctMS4xOTguNTAyLTEuMDU1IDEuMDctMS4wMiAzLjQ5Ny0xLjAxOSAzLjUyMnptNC42MzkuMjAzaC00Ljg0M3YtNi41NGMtLjAwMi0uMS0uMDM4LTIuNTMzIDEuMDc3LTMuNjY2LjM2Ny0uMzczLjgyLS41NjIgMS4zNDYtLjU2MmguMDA0Yy4wOTUuMDAzIDIuMzM2LjEzNCAyLjQyIDQuMzEuMDgxIDQuMDgyIDAgNi4zMzggMCA2LjM2em0tMi4yMjgtMTIuNzEzYy0uMDY0IDAtLjEuMDAyLS4xMDMuMDAyLTguNDIgMS4wNDktNy45NSAxMi4wOC03Ljk0NSAxMi4xOTItLjAwNi4xMi0uNjIgMTAuODk5IDMuNjAyIDE1LjIxMyAxLjIxNCAxLjI0MSAyLjcyOCAxLjgzNyA0LjUgMS43NzUgMi4zMjUtLjA4MiA0LjE2OC0uOSA1LjQ3NS0yLjQzMyAyLjc1Mi0zLjIyMyAyLjMwNi04LjY1MyAyLjIyOC05LjQxM2gtNS4zNnY2LjI1M2MtLjAwMi4wODUtLjA2IDIuMDQtMS4wNzIgMi45OS0uMzczLjM0OC0uODI5LjUxNC0xLjM1NS40OTYtLjk1OC0uMDM1LTEuNzEtLjY1My0yLjE3NC0xLjc4NmE2LjIwNyA2LjIwNyAwIDAgMSAtLjQxMS0xLjY5MnYtOC43NzZoMTAuNDVjLjMwOC02LjA2LS44LTEwLjM3NS0zLjI5LTEyLjgyNS0xLjkxNC0xLjg4MS00LjA1Ni0xLjk5Ni00LjU0NS0xLjk5NnptLS4yIDI5LjM5Yy0xLjcyIDAtMy4xOTYtLjYxOC00LjM5My0xLjg0LTQuMjg2LTQuMzgtMy42NjYtMTUuMjQ4LTMuNjYtMTUuMzU3LS4wMDUtLjEwMi0uNDg1LTExLjMyMSA4LjEzMS0xMi4zOTMuMDMyLS4wMDMgMi41OC0uMTQxIDQuODEgMi4wNSAyLjU0OCAyLjUwNiAzLjY3NCA2LjkwNiAzLjM0NiAxMy4wNzhsLS4wMDUuMDk3aC0xMC40NHY4LjU2NGMuMDAyLjAyNC4yNjggMy4yMDQgMi4zODggMy4yODIuNDY5LjAyMS44NzYtLjEzIDEuMjA3LS40NDEuOTUxLS44OSAxLjAwOC0yLjgyNCAxLjAwOC0yLjg0M3YtNi40NTVoNS43NDdsLjAxMS4wODljLjAwOC4wNi43NDIgNi4xMzktMi4yNjUgOS42Ni0xLjM0NiAxLjU3Ny0zLjIzOSAyLjQyLTUuNjI1IDIuNTA1YTcuOTU3IDcuOTU3IDAgMCAxIC0uMjYuMDA1em0yNC4xMTQtMjcuMzQzczIuMjQuMDgyIDIuMzIyIDQuMjFjLjA4MiA0LjEyNiAwIDYuMzU0IDAgNi4zNTRoLTQuNjQzdi02LjQzN3MtLjA4My00LjEyNyAyLjMyMS00LjEyN3ptMi40ODcgMTUuMTg3djYuMzU1cy0uMDgzIDMuNDY2LTIuMzIgMy4zODRjLTIuMjM5LS4wODItMi40ODgtMy4zODQtMi40ODgtMy4zODR2LTguNjY2aDEwLjQ0NWMuODMtMTUuNi04LjA0LTE1LjAyMi04LjA0LTE1LjAyMi04LjYyMiAxLjA3My04LjA0MiAxMi4yOTgtOC4wNDIgMTIuMjk4cy0xLjA3NyAxNy40MTUgOC4yMDcgMTcuMDg1YzkuMjg1LS4zMyA3Ljc5Mi0xMi4wNSA3Ljc5Mi0xMi4wNXoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTg1LjQyMyAyMi41NzhoNC40NGMuMDE1LS40NzQuMDctMi42NTEtLjAwMy02LjI1Mi0uMDc5LTMuOTQ3LTIuMTEtNC4xMDQtMi4yMi00LjExLS40NjkuMDAxLS44NzIuMTctMS4xOTguNTAyLTEuMDU1IDEuMDctMS4wMiAzLjQ5Ny0xLjAyIDMuNTIydjYuMzM4em00LjYzOC4yMDNoLTQuODQzdi02LjU0Yy0uMDAyLS4xLS4wMzgtMi41MzMgMS4wNzctMy42NjYuMzY4LS4zNzMuODItLjU2MiAxLjM0Ny0uNTYyaC4wMDNjLjA5Ni4wMDMgMi4zMzYuMTM0IDIuNDIgNC4zMS4wODIgNC4wODIgMCA2LjMzOCAwIDYuMzZ6bS0yLjIzLTEyLjcxM2MtLjA2MyAwLS4wOTcuMDAyLS4xLjAwMi04LjQyIDEuMDQ5LTcuOTUgMTIuMDgtNy45NDUgMTIuMTkyLS4wMDcuMTItLjYyMSAxMC45IDMuNjAxIDE1LjIxMyAxLjIxNSAxLjI0MSAyLjcyOSAxLjg0IDQuNSAxLjc3NSAyLjMyNS0uMDgyIDQuMTY4LS45IDUuNDc1LTIuNDMyIDIuNzUxLTMuMjIyIDIuMzA3LTguNjUzIDIuMjI5LTkuNDE0aC01LjM2djYuMjUzYy0uMDAyLjA4NS0uMDYgMi4wNDEtMS4wNzMgMi45OWExLjgxIDEuODEgMCAwIDEgLTEuMzU0LjQ5NmMtLjk1OS0uMDM1LTEuNzEtLjY1My0yLjE3NC0xLjc4NmE2LjE5OCA2LjE5OCAwIDAgMSAtLjQxMi0xLjY5MnYtOC43NzZoMTAuNDVjLjMwOC02LjA1Ny0uNzk3LTEwLjM3LTMuMjg2LTEyLjgyMS0xLjkxNi0xLjg4Ny00LjA3LTItNC41NTItMnptLS4xOTcgMjkuMzljLTEuNzIgMC0zLjE5Ny0uNjE4LTQuMzkzLTEuODQtNC4yODYtNC4zOC0zLjY2Ni0xNS4yNDgtMy42Ni0xNS4zNTctLjAwNi0uMTAyLS40ODUtMTEuMzIxIDguMTMtMTIuMzkzLjAzMy0uMDAzIDIuNTgxLS4xNDEgNC44MSAyLjA1IDIuNTQ5IDIuNTA2IDMuNjc1IDYuOTA2IDMuMzQ3IDEzLjA3OGwtLjAwNS4wOTdoLTEwLjQ0djguNTY0Yy4wMDIuMDI0LjI2OCAzLjIwNCAyLjM4OCAzLjI4Mi40Ny4wMi44NzUtLjEzIDEuMjA3LS40NC45NS0uODkgMS4wMDctMi44MjUgMS4wMDgtMi44NDR2LTYuNDU1aDUuNzQ3bC4wMTEuMDg5Yy4wMDguMDYuNzQyIDYuMTM4LTIuMjY1IDkuNjYtMS4zNDcgMS41NzctMy4yNCAyLjQyLTUuNjI1IDIuNTA1YTcuOTU3IDcuOTU3IDAgMCAxIC0uMjYuMDA1em0tMTQuNDg4LS4zNTNoNS4wNTZ2LTM4Ljk1OGgtNS4wNTZ6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im03My4yNDggMzkuMDAzaDQuODUydi0zOC43NTRoLTQuODUyem0tLjIwNC4yMDRoNS4yNnYtMzkuMTYyaC01LjI2em0yOS4wNC0yNy41MDV2LTEuNjVoLTUuMDE2djI5LjA1Mmg1LjI2NHMtLjAyLTE5LjQ3OCAwLTIxLjU0MmMuMDI1LTIuNDc3IDMuNjQ4LTIuNjQxIDMuNjQ4LTIuNjQxaDEuNzR2LTUuMTE3Yy0yLjgxOC0uNDEzLTUuNjM2IDEuODk4LTUuNjM2IDEuODk4IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0xMDIuNDM1IDM5LjIwNmgtNS40N3YtMjkuMjU2aDUuMjIxdjEuNTQ2Yy42NTMtLjQ4NCAzLjExMS0yLjE1IDUuNTUtMS43OTJsLjA4Ny4wMTN2NS4zMDdoLTEuODQzYy0uMDA0IDAtLjkuMDQ1LTEuNzgyLjM4Ni0xLjE2LjQ1LTEuNzUzIDEuMTc0LTEuNzYzIDIuMTU0LS4wMiAyLjA0IDAgMjEuMzQ3IDAgMjEuNTQxdi4xMDJ6bS02Ni45MzYtNi4wNzJzLS4yMjIgMi40NS0yLjE1NiAyLjQ3NmMtMi4wNzIuMDI4LTIuNTctMi4yLTIuNTctMi4ydi02Ljk2MXMuMDU2LS45MDguNTgtMS40ODZjLjUyNi0uNTc4IDMuNC0yLjExOCA0LjE0Ni0yLjc3OXptLTIuMDQ1LTIzLjA4M2MtOC42MjEuMTY1LTcuNDYgOC45LTcuNDYgOC45aDUuMTk0di0zLjc4MXMuMzYtMi44MDcgMi4xODMtMi44MDdjMS44MjQgMCAyLjA0NSAyLjY2OSAyLjA0NSAyLjY2OXYzLjg1MmMtLjI0OS40NC0xLjk2MiAxLjY3OC0xLjk2MiAxLjY3OC0uNjYzLjQ0LTEuNDMyIDEuMDI2LTMuNDgyIDIuMzk0LTIuNTE0IDEuNjc4LTMuNjIgMy40NjYtMy42MiAzLjQ2Ni0xLjYwMiAyLjUzMS0xLjE0NSA4LjU0Mi0uMjc2IDEwLjIwNy4zNTMuNjc1IDEuNjU4IDIuODA3IDQuNzI1IDIuODA3czQuOTc0LTEuOTgxIDQuOTc0LTEuOTgxdjEuNjVoNC44OXYtMjAuMTM5YzAtOS40MDktNy4yMTEtOC45MTQtNy4yMTEtOC45MTR6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0zMC44NzYgMzMuMzk4Yy4wMTkuMDc3LjE1Mi41NzkuNDkzIDEuMDcuNDg4LjcwMSAxLjE1NyAxLjA1IDEuOTczIDEuMDQuNzU4LS4wMSAxLjMzMy0uNDA4IDEuNzEtMS4xODQuMjc0LS41NjcuMzM5LTEuMTQuMzQ0LTEuMTk0di0xMC43M2MtLjQwOC4zMTMtMS4xMDguNzQ0LTEuODQ0IDEuMTk2LS45MTIuNTYtMS44NTQgMS4xNC0yLjEyMiAxLjQzNS0uNDk0LjU0NC0uNTU0IDEuNDE1LS41NTQgMS40MjR6bTIuNDMgMi4zMTRjLTIuMDk5IDAtMi42MjctMi4yNTgtMi42MzItMi4yOGwtLjAwMy0uMDIydi02Ljk2MWMuMDAzLS4wNDUuMDY0LS45NTcuNjA3LTEuNTU0LjI4OC0uMzE3IDEuMi0uODc4IDIuMTY2LTEuNDcyLjgwNy0uNDk3IDEuNjQyLTEuMDEgMS45ODctMS4zMTVsLjE3LS4xNXYxMS4xODZjLS4wMDMuMDI1LS4yNTMgMi41NDItMi4yNTYgMi41NjhoLS4wNHptLjA2NS0yMy40NTFjMS44OTYgMCAyLjE0NCAyLjczNCAyLjE0NyAyLjc2MnYzLjg4NmwtLjAxMy4wMjRjLS4yNTcuNDU0LTEuOTIgMS42Ni0xLjk5IDEuNzEtLjI1LjE2Ni0uNTE1LjM1My0uODUuNTg5LS41Ny40LTEuMzUuOTUtMi42MzYgMS44MDctMi40NjQgMS42NDUtMy41NzkgMy40MTgtMy41OSAzLjQzNi0xLjU3IDIuNDgxLTEuMTM3IDguNDUtLjI3MiAxMC4xMDYuNDMyLjgyOCAxLjc0OSAyLjc1MiA0LjYzNCAyLjc1MiAyLjk5IDAgNC44ODEtMS45MyA0LjktMS45NWwuMTc2LS4xODN2MS44MDNoNC42ODd2LTIwLjAzOGMwLTMuMTg0LS44MjctNS41NjctMi40NTctNy4wODItMi4wMy0xLjg4Ni00LjYyLTEuNzMyLTQuNjQ2LTEuNzNoLS4wMDVjLTIuNDc0LjA0OC00LjM2OS44MTQtNS42MzMgMi4yNzgtMi4wMzUgMi4zNTctMS43OTYgNS44MjMtMS43MzggNi40MTloNXYtMy42ODFjLjAxNy0uMTMxLjM5NC0yLjkwOCAyLjI4Ni0yLjkwOHptLTIuNTcgMjcuMjc1Yy0yLjk5OCAwLTQuMzY2LTItNC44MTYtMi44Ni0uODgyLTEuNjktMS4zMjItNy43NzcuMjgtMTAuMzEuMDEyLS4wMTYgMS4xNDYtMS44MjUgMy42NS0zLjQ5NiAxLjI4NC0uODU2IDIuMDYzLTEuNDA1IDIuNjMxLTEuODA1LjMzNy0uMjM3LjYwMi0uNDI0Ljg1MS0uNTg5LjQ1OS0uMzMxIDEuNjg0LTEuMjYgMS45MTYtMS42MjF2LTMuODI1Yy0uMDAxLS4wMTctLjIzNC0yLjU2Ny0xLjk0Mi0yLjU2Ny0xLjcxNCAwLTIuMDc4IDIuNjktMi4wODEgMi43MTh2My44NzJoLTUuMzg2bC0uMDEyLS4wODljLS4wMDUtLjA0LS41MDUtNC4wMjUgMS43NzYtNi42NjcgMS4zMDMtMS41MSAzLjI0OC0yLjMgNS43ODItMi4zNDguMTA0LS4wMDYgMi43MzUtLjEzMiA0Ljc5NiAxLjc4NCAxLjY3NCAxLjU1NSAyLjUyMiAzLjk4OCAyLjUyMiA3LjIzMXYyMC4yNDJoLTUuMDk1di0xLjUxOWMtLjU0Ni40OC0yLjMyMyAxLjg0OC00Ljg3MiAxLjg0OHptLTYuODQ5LTMzLjcwMWMtLjQ1MyAxLjQ4LTEuNDg5IDEuNDgtMS42NCAxLjQ4LTEuMDY2IDAtMS41MjktMS4zNDYtMS41MjktMi43NiAwLS45MjMuMjIxLTMuMDQ4IDEuNjctMy4wNDguNDQzIDAgMS4xNjcuMiAxLjQxOSAxLjM2OGwxLjM3OC0uNDM0Yy0uMDktLjM4OS0uNjk0LTIuMzAzLTIuNzI2LTIuMjgtMS43OTEgMC0zLjI5IDEuNTEzLTMuMjkgNC40NjEgMCAzLjIxNiAxLjg1IDQuMTc0IDMuMjYgNC4xNzQgMS4xMjYgMCAxLjg0LS41OSAyLjI3My0xLjE5MS4zNjItLjUuNDUzLS45MjQuNTUzLTEuMzQ3eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtMjIuNTU5LjI2MmgtLjAzNGMtMS45MzcgMC0zLjE4OSAxLjcxMi0zLjE4OSA0LjM2IDAgMy44NzUgMi42MyA0LjA3MiAzLjE1NyA0LjA3Mi45MDUgMCAxLjY0Mi0uMzg3IDIuMTktMS4xNDkuMzI1LS40NDguNDIyLS44MjQuNTE2LTEuMjE4bC0xLjE4LS4zNjRjLS40NTUgMS4zNDctMS40MTcgMS40NTQtMS43MDcgMS40NTQtMS4yMDQgMC0xLjYzMS0xLjU0MS0xLjYzMS0yLjg2MSAwLS41MjcuMDg1LTMuMTUxIDEuNzcyLTMuMTUxLjQzOCAwIDEuMi4xNzcgMS40OTMgMS4zNGwxLjE4LS4zNzJjLS4xMjUtLjQ1MS0uNzE1LTIuMTExLTIuNTY3LTIuMTExbS0uMDY2IDguNjM1Yy0uNDk0IDAtMS40NC0uMTE4LTIuMjMtLjkxLS43NS0uNzU0LTEuMTMxLTEuODg2LTEuMTMxLTMuMzY1IDAtMi43NzIgMS4zMzEtNC41NjQgMy4zOTItNC41NjRoLjAzNWMxLjc2OSAwIDIuNTg2IDEuNDggMi43OSAyLjM2bC4wMjIuMDkyLTEuNTc2LjQ5Ni0uMDIzLS4xMWMtLjI0Mi0xLjEyLS45My0xLjI4Ny0xLjMxOS0xLjI4Ny0xLjQ5MiAwLTEuNTY3IDIuNDU0LTEuNTY3IDIuOTQ3IDAgMS4yMjYuMzczIDIuNjU4IDEuNDI2IDIuNjU4LjMzNSAwIDEuMTU0LS4xMzggMS41NDItMS40MDhsLjAzLS4wOTggMS41NTguNDgxLS4wMzQuMTQxYy0uMDk3LjQxMS0uMTk4LjgzNi0uNTU4IDEuMzM0LS40MDUuNTYzLTEuMTQzIDEuMjMzLTIuMzU3IDEuMjMzbTQuOTEyLTMuMjE3YzAgLjM3OC4wMyAxLjk3IDEuMDY2IDEuOTcgMS4wNDYgMCAxLjA3Ny0xLjYyNSAxLjA3Ny0yLjEzNyAwLS41MzUtLjExMS0xLjkxNC0xLjA1Ny0xLjkxNC0uODk1IDAtMS4wODYgMS4xMjQtMS4wODYgMi4wOG0zLjUtLjAzM2MwIDIuMTgxLTEuMjM3IDMuMDk0LTIuNDE0IDMuMDk0LTEuMDc2IDAtMi40NDQtLjc5LTIuNDQ0LTMuMDgzIDAtMS45OTIgMS4wMjYtMy4wNDkgMi4zMDQtMy4wNDkgMi4wMjIgMCAyLjU1NSAxLjY1OCAyLjU1NSAzLjAzOCIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtMjguNDkxIDMuN2MtLjgxMyAwLS45ODQgMS4wNzctLjk4NCAxLjk4IDAgLjU2MS4wOTQgMS44NjcuOTY0IDEuODY3LjgwNSAwIC45NzQtMS4xMDYuOTc0LTIuMDM0IDAtLjQyNS0uMDY4LTEuODEyLS45NTQtMS44MTJtLS4wMiA0LjA1Yy0uNzQyIDAtMS4xNjgtLjc1NS0xLjE2OC0yLjA3MSAwLTEuNDI4LjQxLTIuMTgzIDEuMTg4LTIuMTgzIDEuMDc2IDAgMS4xNiAxLjU0MyAxLjE2IDIuMDE2IDAgMS44NS0uNjQyIDIuMjM4LTEuMTggMi4yMzhtLS4xMi01LjA0Yy0xLjMzOCAwLTIuMjAyIDEuMTU2LTIuMjAyIDIuOTQ2IDAgMi4yIDEuMjYyIDIuOTgxIDIuMzQyIDIuOTgxIDEuNTk4IDAgMi4zMTItMS41MDMgMi4zMTItMi45OTIgMC0uODgzLS4yMzktMi45MzYtMi40NTItMi45MzZtLjE0IDYuMTMyYy0xLjI2NyAwLTIuNTQ2LS45ODUtMi41NDYtMy4xODUgMC0xLjkxNC45NDQtMy4xNSAyLjQwNi0zLjE1Ljc5OSAwIDIuNjU3LjMwNSAyLjY1NyAzLjE0IDAgMi4yMDctMS4yNjQgMy4xOTUtMi41MTcgMy4xOTVtNi41MTQtNi4yMjJjLS45OTYgMC0xLjYuNjM0LTEuODYxLjkxMnYtLjgxMmgtMS4zNTh2NS45MmgxLjM1OHYtNC4wNjJjLjQ4My0uNDkuODQ1LS43NTcgMS4yNDctLjc1Ny40MjMgMCAuNDkzLjM1Ni40OTMuNjh2NC4xMzloMS4zNTh2LTQuNTA3YzAtLjk4LS40MDItMS41MTQtMS4yMzctMS41MTQiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTM0Ljk4NyA4LjUzOGgxLjE1M3YtNC40MDVjMC0uOTUtLjM3MS0xLjQxMi0xLjEzNS0xLjQxMi0uOTU5IDAtMS41MzkuNjE3LTEuNzg2Ljg4bC0uMTc4LjE4OXYtLjk3aC0xLjE1M3Y1LjcxN2gxLjE1M3YtNC4wMDFsLjAzLS4wM2MuNDc5LS40ODUuODY3LS43ODcgMS4zMi0uNzg3LjM5NSAwIC41OTYuMjYzLjU5Ni43ODF6bTEuMzU4LjIwNGgtMS41NjN2LTQuMjQyYzAtLjQwNC0uMTE3LS41NzctLjM5LS41NzctLjM3NCAwLS43MTguMjY2LTEuMTQ2LjY5N3Y0LjEyMmgtMS41NjN2LTYuMTI0aDEuNTYzdi42NjJjLjMyNS0uMzE2Ljg5OS0uNzYyIDEuNzU5LS43NjIuNjExIDAgMS4zNC4yOCAxLjM0IDEuNjE1em00LjE2Ny00LjI5OGMtLjE3LS4yMjItLjQ5Mi0uNTc4LS45NDUtLjU3OC0xLjAwNiAwLTEuMDU2IDEuNDAyLTEuMDU2IDEuODQ3IDAgLjQ5LjEzIDEuNzggMS4wNjYgMS43OC40ODMgMCAuNzg1LS4zNzguOTM1LS41Njd6bTEuMzQ4LTQuMjR2OC40MzZoLTEuMzU4di0uNjhjLS4xNy4yMDEtLjY2My43OC0xLjQ2OC43OC0xLjIxNyAwLTIuMDAyLTEuMzQ3LTIuMDAyLTMuMDUgMC0xLjcxMy44MDUtMy4wNyAyLjAxMi0zLjA3LjI1MSAwIC44NjUuMDQ0IDEuNDU4Ljc3OHYtMy4xOTNoMS4zNTh6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0zOS41NjcgMy45NjhjLS44MyAwLS45NTQgMS4wOTMtLjk1NCAxLjc0NSAwIC4xNzIuMDI3IDEuNjc5Ljk2NCAxLjY3OS40MTMgMCAuNjgxLS4zMTIuODMzLS41MDJ2LTIuNDFjLS4yNzItLjM0NS0uNTQ4LS41MTItLjg0My0uNTEybS4wMSAzLjYyN2MtLjg2MyAwLTEuMTY5LTEuMDE0LTEuMTY5LTEuODgyIDAtMS4yNTcuNDEyLTEuOTUgMS4xNTktMS45NS4zNjYgMCAuNzExLjIwOSAxLjAyNy42MmwuMDIuMDI3djIuNTVsLS4wMjEuMDI4Yy0uMTU3LjE5Ny0uNDg0LjYwNi0xLjAxNi42MDZtLS41MzMtNC44NzRjLTEuMTA3IDAtMS45MSAxLjI1LTEuOTEgMi45NyAwIDEuNzA3LjggMi45NDcgMS45IDIuOTQ3Ljc1NiAwIDEuMjE3LS41NCAxLjM5LS43NDNsLjE4LS4yMXYuODUzaDEuMTU0di04LjIzaC0xLjE1M3YzLjM4bC0uMTgyLS4yMjVjLS4zOTgtLjQ5MS0uODYxLS43NC0xLjM4LS43NG0tLjAxIDYuMTJjLTEuMjE5IDAtMi4xMDQtMS4zMjUtMi4xMDQtMy4xNTEgMC0xLjgzOS44OS0zLjE3MyAyLjExNS0zLjE3My41OTYgMCAxLjA0Ny4yOTkgMS4zNTYuNjEydi0zLjAyN2gxLjU2M3Y4LjYzOWgtMS41NjN2LS41MTdjLS4yNTcuMjU5LS43MTYuNjE3LTEuMzY2LjYxN201LjAwOS0zLjc5N2MuMDYtMS4wOS42MjQtMS40MTMgMS4wNzctMS40MTMuMzgyIDAgMS4wNjYuMjQ1IDEuMTE2IDEuNDEzem0zLjI2LS43OWMtLjI3Mi0uOTEyLTEuMDI3LTEuNjM1LTIuMTkzLTEuNjM1LTEuNDggMC0yLjQ5NSAxLjE5LTIuNDk1IDIuOTkzIDAgMi4wMDMgMS4xODcgMy4xMjcgMi41NDUgMy4xMjcgMS40MzggMCAyLjAwMi0xLjE0NiAyLjE4My0xLjUxNGwtMS4xMDctLjUxMmMtLjEyLjI0NS0uMzgyLjgyNC0xLjA2Ni44MjQtLjM5MiAwLTEuMDc2LS4yMzQtMS4xMjctMS41OTFoMy40Yy4wMy0uNTEyLjA1LTEuMDM1LS4xNC0xLjY5MnoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTQ0LjE1MyA0Ljk0M2gxLjk3NWMtLjA5NC0xLjE0OS0uODUzLTEuMjA5LTEuMDA4LTEuMjA5LS4yMDYgMC0uODY1LjA5LS45NjcgMS4yMXptMi4xOS4yMDRoLTIuNDA4bC4wMDYtLjEwN2MuMDYyLTEuMTEzLjY1LTEuNTEgMS4xNzktMS41MS4xOTIgMCAxLjE1Ny4wNzMgMS4yMTkgMS41MTF6bS0xLjIzMy0yLjQyNmMtMS40MyAwLTIuMzkyIDEuMTYyLTIuMzkyIDIuODkyIDAgMi4wNzggMS4yNjYgMy4wMjUgMi40NDMgMy4wMjUgMS4yNyAwIDEuODI4LS45MzkgMi4wNDQtMS4zNjNsLS45Mi0uNDI2Yy0uMTQyLjI4LS40NDQuNzktMS4xMTQuNzktLjI3NCAwLTEuMTctLjEyMS0xLjIzLTEuNjg5bC0uMDAzLS4xMDVoMy40MWMuMDI2LS41MDQuMDI3LS45NzktLjE0My0xLjU2MS0uMjktLjk3OC0xLjA3NC0xLjU2My0yLjA5NS0xLjU2M3ptLjA1IDYuMTJjLTEuMjc0IDAtMi42NDctMS4wMS0yLjY0Ny0zLjIyOCAwLTEuODUyIDEuMDQ0LTMuMDk1IDIuNTk3LTMuMDk1IDEuMSAwIDEuOTc4LjY1NCAyLjI5MiAxLjcwOC4xOS42NTEuMTc3IDEuMTY3LjE0NCAxLjcyN2wtLjAwNS4wOTZoLTMuMzljLjA4MiAxLjI1LjczNiAxLjM4NyAxLjAyIDEuMzg3LjU5OSAwIC44MzYtLjQ4My45NjMtLjc0M2wuMDU2LS4xMTMgMS4yOTIuNTk4LS4wNDYuMDkzYy0uMTkzLjM5LS43NzUgMS41Ny0yLjI3NSAxLjU3em0xLjc2LTguNTgxaC0xLjZsLTEuMzM3IDEuNzE0aDEuMDE2eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtNDQuMTkyIDEuODcyaC43NjhsMS42OTMtMS41MWgtMS4yODNsLTEuMTc5IDEuNTF6bS44NDYuMjA0aC0xLjI2NGwxLjQ5Ni0xLjkxOGgxLjkxN2wtMi4xNSAxLjkxOHptMTAuMDk2LTEuNzQ5djUuNTc1aC0uMDJsLTMuMDU5LTUuNTc1aC0xLjU1OXY4LjMxM2gxLjQ3di01Ljc5OGguMDE5bDMuMTU5IDUuNzk4aDEuNDU5di04LjMxM3oiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTU1LjIwNSA4LjUzOGgxLjI5NXYtOC4xMWgtMS4yNjR2NS41NzZoLS4xNjNsLS4wNS0uMDUzLTMuMDI3LTUuNTIxaC0xLjM5NnY4LjEwOWgxLjI2NHYtNS43OTloLjE2M2wuMDQ5LjA1MyAzLjEzIDUuNzQ1em0xLjUuMjA0aC0xLjYyMmwtMy4wMTYtNS41MzV2NS41MzVoLTEuNjczdi04LjUxN2gxLjcyMmwyLjkxNSA1LjMxNXYtNS4zMTVoMS42NzR6bTMuOTgyLTMuMTQ3Yy0uNTA1LjEwNi0xLjgzOC4zOS0xLjgzOCAxLjMxNyAwIC40NzUuMzMzLjcwNi42NDcuNzA2LjQ4NiAwIDEtLjQ1MyAxLjE5MS0uNjIxem0xLjIyIDEuNzM5YzAgLjMzNy4wOTQuODg1LjE4IDEuMTQ4aC0xLjIzN2E1LjA4NyA1LjA4NyAwIDAgMSAtLjExNS0uNThjLS4yMzguMjMzLS42OTUuNjc1LTEuNDg1LjY3NS0uODQ4IDAtMS42Mi0uNTU4LTEuNjItMS41NDkgMC0xLjQ2NCAxLjQ1OC0yLjA5NiAzLjA1OC0yLjIzM3YtLjE3YzAtLjU0Ny0uMzUzLS44ODQtLjg1Ny0uODg0LS41NjMgMC0uOTgxLjMxNi0xLjI5Ni43OGwtLjc2Mi0uNzA2YTIuNTEgMi41MSAwIDAgMSAyLjA3Ny0xLjAzM2MuODc2IDAgMi4wNTcuMzE2IDIuMDU3IDEuOTI4eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtNjAuNTg1IDUuNzIxYy0uNTQ1LjExOC0xLjYzNC40MDYtMS42MzQgMS4xOTEgMCAuNDE2LjI4My42MDUuNTQ1LjYwNS40MjMgMCAuODk1LS4zOTYgMS4wODktLjU2NnYtMS4yMzF6bS0xLjA4OSAyYy0uMzczIDAtLjc1LS4yNzgtLjc1LS44MDkgMC0xLjAxNiAxLjM5NS0xLjMwNyAxLjkyLTEuNDE2bC4xMjMtLjAyNnYxLjU3MmwtLjAzNC4wM2MtLjIuMTc4LS43MzEuNjQ4LTEuMjU5LjY0OHptLjMzNC00LjA4MmMuNTc0IDAgLjk2LjM5Ny45Ni45ODd2LjI2MmwtLjA5NC4wMDhjLS44OTIuMDc2LTIuOTY0LjQzNy0yLjk2NCAyLjEzMiAwIC45OTQuNzg2IDEuNDQ3IDEuNTE3IDEuNDQ3Ljc1MiAwIDEuMTgyLS40MiAxLjQxNC0uNjQ1bC4xNDUtLjE0MS4wMjguMmMuMDE3LjEyMi4wNDEuMjc1LjA5My40OTFoMS4wMjNhNC45MjkgNC45MjkgMCAwIDEgLS4xNDgtMS4wNDZ2LTIuNjI0YzAtMS41MS0xLjA2My0xLjgyNi0xLjk1NS0xLjgyNi0uNzgzIDAtMS40NTEuMzE3LTEuOTM4LjkybC42MDcuNTYzYy4zNi0uNDgzLjgtLjcyOCAxLjMxMi0uNzI4em0tLjU4MSA1LjA0Yy0uODU2IDAtMS43MjItLjU2Ny0xLjcyMi0xLjY1IDAtMS4yOTMgMS4xMTMtMi4xMzggMy4wNTgtMi4zMjd2LS4wNzZjMC0uNDc2LS4yOTctLjc4My0uNzU1LS43ODMtLjQ3MyAwLS44OC4yNDctMS4yMS43MzVsLS4wNjguMDk4LS45MTctLjg1LjA1NS0uMDczYTIuNjE4IDIuNjE4IDAgMCAxIDIuMTYtMS4wNzNjLjgwNiAwIDIuMTYuMjY0IDIuMTYgMi4wM3YyLjYyNGMwIC4zMy4wOTMuODYyLjE3NiAxLjExN2wuMDQzLjEzM2gtMS40NTlsLS4wMTktLjA3N2E1LjMxNiA1LjMxNiAwIDAgMSAtLjA4Ni0uMzk2Yy0uMjY5LjI0MS0uNzIzLjU2OC0xLjQxNS41Njh6bTYuMDY2LTMuNTc5Yy0uNTU0LS4xMzMtMS4wNzYtLjI1NS0xLjA3Ni0uNzc4IDAtLjM0NS4zMTEtLjY5LjgwNC0uNjkuMzUyIDAgLjYyNC4xNDUgMS4wNzcuNDU2bC4xMy4wOS43ODUtLjcyNGMtLjM5Mi0uMzIzLTEuMDI2LS44MzUtMi4wMDItLjgzNS0xLjE5NyAwLTIuMDYyLjgzNS0yLjA2MiAxLjgzNiAwIDEuNDU4IDEuMzQ4IDEuNzcgMS45MzEgMS44ODEuNTQzLjEuOTk2LjI1Ni45OTYuNzEyIDAgLjQzNC0uNDUzLjU5LS44NDUuNTktLjY2NCAwLTEuMDg2LS4zNTYtMS4zODgtLjYxMmwtLjgyNS42MzRjLjM0Mi40MDEuOTQ2IDEuMDggMi4xOTMgMS4wOCAxLjY2IDAgMi4yMjMtMS4wOCAyLjIyMy0xLjkwMyAwLTEuMjkxLTEuMjI3LTEuNTctMS45NDEtMS43MzYiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTYyLjk4OCA3LjY3NmMuMzI2LjM3NS45MDcuOTYyIDIuMDQ1Ljk2Mi43ODggMCAyLjEyMS0uMzggMi4xMjEtMS44MDEgMC0xLjIwMi0xLjE1Ny0xLjQ3Mi0xLjg0OC0xLjYzM2wtLjAxNi0uMDA0LjAyNC0uMS0uMDM1LjA5N2MtLjU2My0uMTM1LTEuMTQ0LS4yNzUtMS4xNDQtLjg3NSAwLS4zOS4zNC0uNzkyLjkwNy0uNzkyLjM4IDAgLjY2OC4xNTMgMS4xMzUuNDc0bC4wNjMuMDQzLjYzOS0uNTg4Yy0uMzc3LS4zMDUtLjk3LS43MzgtMS44NDctLjczOC0xLjA5OSAwLTEuOTYuNzYyLTEuOTYgMS43MzQgMCAxLjQyOCAxLjM5MSAxLjY5NCAxLjg0OCAxLjc4MS41Ni4xMDMgMS4wOC4yNzMgMS4wOC44MTIgMCAuNTExLS41MS42OTItLjk0OC42OTItLjY1NiAwLTEuMDkzLS4zMzItMS4zOS0uNTgzbC0uNjc1LjUxOXptMi4wNDUgMS4xNjZjLTEuMzE5IDAtMS45NjItLjc1NC0yLjI3LTEuMTE2bC0uMDctLjA4MS45NzUtLjc1LjA2My4wNTNjLjI5My4yNDguNjkzLjU4OCAxLjMyMi41ODguMzQzIDAgLjc0My0uMTI4Ljc0My0uNDg4IDAtLjMyLS4yNTYtLjQ5LS45MTItLjYxMi0xLjMzOC0uMjU1LTIuMDE1LS45MjEtMi4wMTUtMS45OCAwLTEuMDg3Ljk1LTEuOTM4IDIuMTY0LTEuOTM4IDEuMDI0IDAgMS42NzcuNTM3IDIuMDY3Ljg1N2wuMDkuMDc1LS45My44NTctLjE5OC0uMTM0Yy0uNDQtLjMwNC0uNjkyLS40MzktMS4wMTktLjQzOS0uNDQgMC0uNzAyLjI5OS0uNzAyLjU4OCAwIC40MS4zNzMuNTMuOTg3LjY3N2wtLjAxMy4xMDIuMDIzLS4xLS4wMjMuMS4wMzgtLjA5NmMuNy4xNjQgMi4wMDYuNDY5IDIuMDA2IDEuODMyIDAgLjk5OC0uNzIgMi4wMDUtMi4zMjYgMi4wMDV6bTYuMDA3LTUuMDQzdi0xLjA4aC0uOTQ2di0xLjkxMmgtMS4zNTh2MS45MTNoLS44MTV2MS4wNzloLjgxNXYzLjE1YzAgLjU4OS4yMDEgMS4xNjguNjc0IDEuNTEzLjM4Mi4yODkuODY1LjMgMS42My4yNjd2LTEuMjI0Yy0uNTEzLS4wMTEtLjk0Ni0uMDQ1LS45NDYtLjU1N3YtMy4xNWguOTQ2eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtNjguMDI0IDMuNjk3aC44MTR2My4yNTFjMCAuMzYyLjA4MiAxLjAzLjYzMiAxLjQzMi4zNS4yNjQuODE0LjI3NyAxLjQ2Ny4yNXYtMS4wMjVjLS40MjctLjAxMi0uOTQ1LS4wNjctLjk0NS0uNjU2di0zLjI1MmguOTQ1di0uODc2aC0uOTQ1di0xLjkxNGgtMS4xNTR2MS45MTRoLS44MTR6bTIuNTE5IDUuMTQ3Yy0uNDk1IDAtLjg3NS0uMDU5LTEuMTk1LS4zMDEtLjQ2LS4zMzYtLjcxNC0uOTAzLS43MTQtMS41OTV2LTMuMDQ3aC0uODE1di0xLjI4M2guODE1di0xLjkxNGgxLjU2MnYxLjkxNGguOTQ2djEuMjgyaC0uOTQ2djMuMDQ3YzAgLjM3Ni4yNS40NDIuODQ2LjQ1NWwuMS4wMDJ2MS40MjFsLS4wOTguMDA0Yy0uMTguMDA4LS4zNDYuMDE0LS41MDEuMDE0eiIgbWFzaz0idXJsKCNiKSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjUwIiB3aWR0aD0iMTE5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KIDxkZWZzPgogIDxwYXRoIGlkPSJhIiBkPSJtMCAzOS41MzZoMTA3LjgyM3YtMzkuNDkxaC0xMDcuODIzeiIvPgogIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgPHVzZSBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPC9tYXNrPgogPC9kZWZzPgogPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICA8cGF0aCBkPSJtMSAwaDExOHY1MGgtMTE4eiIvPgogIDxnIGZpbGw9IiMwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNS4xNikiPgogICA8cGF0aCBkPSJtLjEwMi40NzcuMDAzIDMuNjI1aDUuOTk0djM1LjAwM2g1LjY2MnYtMzUuMDAzaDUuODI4di0zLjYzM3oiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTAgLjM3NS4wMDMgMy44MjloNS45OTR2MzUuMDAzaDUuODY2di0zNS4wMDNoNS44Mjh2LTMuODM3em0uMjA1LjIwNSAxNy4yODEtLjAwOXYzLjQyOWgtNS44Mjh2MzUuMDAzaC01LjQ1NnYtMzUuMDAzaC01Ljk5NWwtLjAwMi0zLjQyMXoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTE5LjM3MiAxMi4wMzJ2LTEuNjVoLTUuMDE1djI4LjY0aDUuMjY0cy4wNjktMTkuMDY2IDAtMjEuMTNjLS4wODMtMi40NzYgMy42NDctMi42NCAzLjY0Ny0yLjY0aDEuNzR2LTUuMTE4Yy0yLjgxOC0uNDEzLTUuNjM2IDEuODk4LTUuNjM2IDEuODk4IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0xNC40NTkgMzguOTJoNS4wNmMuMDA1LTEuNTA2LjA2NS0xOS4wNjQgMC0yMS4wMjQtLjA4Ni0yLjU0OCAzLjcwNi0yLjc0NSAzLjc0NC0yLjc0N2gxLjY0M3YtNC45MjZjLTIuNzExLS4zNDEtNS40NDIgMS44NjUtNS40NyAxLjg4OGwtLjE2Ny4xMzd2LTEuNzY1aC00Ljgxem01LjI2NC4yMDRoLTUuNDY5di0yOC44NDRoNS4yMnYxLjU0NWMuNjUzLS40ODMgMy4xMTEtMi4xNSA1LjU1LTEuNzkybC4wODcuMDEzdjUuMzA3aC0xLjg0M2MtLjAwNSAwLS45MjYuMDQ1LTEuODIyLjM4Ny0xLjE3Ni40NDgtMS43NTYgMS4xNzItMS43MjMgMi4xNS4wNjggMi4wNDEgMCAyMC45NDIgMCAyMS4xMzJ6bTMyLjgxMS0yOC43NDMtMi45ODQgMTguMzI0LTMuMjMzLTE4LjQwNmgtNS40NzFsNS42MzcgMjguODA1aDQuMjI4bDUuMzA1LTI4LjcyM3oiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTQ2LjU2NyAzOS4wMDNoNC4wNTlsNS4yNjctMjguNTJoLTMuMjcybC0zLjA2NyAxOC44MzUtMy4zMjMtMTguOTE3aC01LjI2em00LjIzLjIwM2gtNC4zOThsLS4wMTctLjA4Mi01LjY2LTI4LjkyN2g1LjY4MWwuMDE1LjA4NCAzLjEyOCAxNy44MSAyLjkwMS0xNy44MTFoMy42OTJsLTUuMzQzIDI4LjkyNnptMTIuNzM4LTI3LjA5MXMyLjIzOC4wODIgMi4zMjEgNC4yMWMuMDgzIDQuMTI2IDAgNi4zNTQgMCA2LjM1NGgtNC42NDJ2LTYuNDM3cy0uMDgzLTQuMTI3IDIuMzIxLTQuMTI3em0yLjQ4NyAxNS4xODd2Ni4zNTVzLS4wODMgMy40NjYtMi4zMjEgMy4zODQtMi40ODctMy4zODQtMi40ODctMy4zODR2LTguNjY2aDEwLjQ0NWMuODI5LTE1LjYtOC4wNDEtMTUuMDIyLTguMDQxLTE1LjAyMi04LjYyMSAxLjA3My04LjA0MSAxMi4yOTgtOC4wNDEgMTIuMjk4cy0xLjA3OCAxNy40MTUgOC4yMDcgMTcuMDg1YzkuMjg0LS4zMyA3Ljc5Mi0xMi4wNSA3Ljc5Mi0xMi4wNXoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTYxLjMxNiAyMi41NzhoNC40NDFjLjAxNS0uNDc0LjA2OS0yLjY1MS0uMDAzLTYuMjUyLS4wOC0zLjk0Mi0yLjE1Ny00LjEwNi0yLjIyMS00LjExLS40NjguMDAxLS44NzEuMTctMS4xOTguNTAyLTEuMDU1IDEuMDctMS4wMiAzLjQ5Ny0xLjAxOSAzLjUyMnptNC42MzkuMjAzaC00Ljg0M3YtNi41NGMtLjAwMi0uMS0uMDM4LTIuNTMzIDEuMDc3LTMuNjY2LjM2Ny0uMzczLjgyLS41NjIgMS4zNDYtLjU2MmguMDA0Yy4wOTUuMDAzIDIuMzM2LjEzNCAyLjQyIDQuMzEuMDgxIDQuMDgyIDAgNi4zMzggMCA2LjM2em0tMi4yMjgtMTIuNzEzYy0uMDY0IDAtLjEuMDAyLS4xMDMuMDAyLTguNDIgMS4wNDktNy45NSAxMi4wOC03Ljk0NSAxMi4xOTItLjAwNi4xMi0uNjIgMTAuODk5IDMuNjAyIDE1LjIxMyAxLjIxNCAxLjI0MSAyLjcyOCAxLjgzNyA0LjUgMS43NzUgMi4zMjUtLjA4MiA0LjE2OC0uOSA1LjQ3NS0yLjQzMyAyLjc1Mi0zLjIyMyAyLjMwNi04LjY1MyAyLjIyOC05LjQxM2gtNS4zNnY2LjI1M2MtLjAwMi4wODUtLjA2IDIuMDQtMS4wNzIgMi45OS0uMzczLjM0OC0uODI5LjUxNC0xLjM1NS40OTYtLjk1OC0uMDM1LTEuNzEtLjY1My0yLjE3NC0xLjc4NmE2LjIwNyA2LjIwNyAwIDAgMSAtLjQxMS0xLjY5MnYtOC43NzZoMTAuNDVjLjMwOC02LjA2LS44LTEwLjM3NS0zLjI5LTEyLjgyNS0xLjkxNC0xLjg4MS00LjA1Ni0xLjk5Ni00LjU0NS0xLjk5NnptLS4yIDI5LjM5Yy0xLjcyIDAtMy4xOTYtLjYxOC00LjM5My0xLjg0LTQuMjg2LTQuMzgtMy42NjYtMTUuMjQ4LTMuNjYtMTUuMzU3LS4wMDUtLjEwMi0uNDg1LTExLjMyMSA4LjEzMS0xMi4zOTMuMDMyLS4wMDMgMi41OC0uMTQxIDQuODEgMi4wNSAyLjU0OCAyLjUwNiAzLjY3NCA2LjkwNiAzLjM0NiAxMy4wNzhsLS4wMDUuMDk3aC0xMC40NHY4LjU2NGMuMDAyLjAyNC4yNjggMy4yMDQgMi4zODggMy4yODIuNDY5LjAyMS44NzYtLjEzIDEuMjA3LS40NDEuOTUxLS44OSAxLjAwOC0yLjgyNCAxLjAwOC0yLjg0M3YtNi40NTVoNS43NDdsLjAxMS4wODljLjAwOC4wNi43NDIgNi4xMzktMi4yNjUgOS42Ni0xLjM0NiAxLjU3Ny0zLjIzOSAyLjQyLTUuNjI1IDIuNTA1YTcuOTU3IDcuOTU3IDAgMCAxIC0uMjYuMDA1em0yNC4xMTQtMjcuMzQzczIuMjQuMDgyIDIuMzIyIDQuMjFjLjA4MiA0LjEyNiAwIDYuMzU0IDAgNi4zNTRoLTQuNjQzdi02LjQzN3MtLjA4My00LjEyNyAyLjMyMS00LjEyN3ptMi40ODcgMTUuMTg3djYuMzU1cy0uMDgzIDMuNDY2LTIuMzIgMy4zODRjLTIuMjM5LS4wODItMi40ODgtMy4zODQtMi40ODgtMy4zODR2LTguNjY2aDEwLjQ0NWMuODMtMTUuNi04LjA0LTE1LjAyMi04LjA0LTE1LjAyMi04LjYyMiAxLjA3My04LjA0MiAxMi4yOTgtOC4wNDIgMTIuMjk4cy0xLjA3NyAxNy40MTUgOC4yMDcgMTcuMDg1YzkuMjg1LS4zMyA3Ljc5Mi0xMi4wNSA3Ljc5Mi0xMi4wNXoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTg1LjQyMyAyMi41NzhoNC40NGMuMDE1LS40NzQuMDctMi42NTEtLjAwMy02LjI1Mi0uMDc5LTMuOTQ3LTIuMTEtNC4xMDQtMi4yMi00LjExLS40NjkuMDAxLS44NzIuMTctMS4xOTguNTAyLTEuMDU1IDEuMDctMS4wMiAzLjQ5Ny0xLjAyIDMuNTIydjYuMzM4em00LjYzOC4yMDNoLTQuODQzdi02LjU0Yy0uMDAyLS4xLS4wMzgtMi41MzMgMS4wNzctMy42NjYuMzY4LS4zNzMuODItLjU2MiAxLjM0Ny0uNTYyaC4wMDNjLjA5Ni4wMDMgMi4zMzYuMTM0IDIuNDIgNC4zMS4wODIgNC4wODIgMCA2LjMzOCAwIDYuMzZ6bS0yLjIzLTEyLjcxM2MtLjA2MyAwLS4wOTcuMDAyLS4xLjAwMi04LjQyIDEuMDQ5LTcuOTUgMTIuMDgtNy45NDUgMTIuMTkyLS4wMDcuMTItLjYyMSAxMC45IDMuNjAxIDE1LjIxMyAxLjIxNSAxLjI0MSAyLjcyOSAxLjg0IDQuNSAxLjc3NSAyLjMyNS0uMDgyIDQuMTY4LS45IDUuNDc1LTIuNDMyIDIuNzUxLTMuMjIyIDIuMzA3LTguNjUzIDIuMjI5LTkuNDE0aC01LjM2djYuMjUzYy0uMDAyLjA4NS0uMDYgMi4wNDEtMS4wNzMgMi45OWExLjgxIDEuODEgMCAwIDEgLTEuMzU0LjQ5NmMtLjk1OS0uMDM1LTEuNzEtLjY1My0yLjE3NC0xLjc4NmE2LjE5OCA2LjE5OCAwIDAgMSAtLjQxMi0xLjY5MnYtOC43NzZoMTAuNDVjLjMwOC02LjA1Ny0uNzk3LTEwLjM3LTMuMjg2LTEyLjgyMS0xLjkxNi0xLjg4Ny00LjA3LTItNC41NTItMnptLS4xOTcgMjkuMzljLTEuNzIgMC0zLjE5Ny0uNjE4LTQuMzkzLTEuODQtNC4yODYtNC4zOC0zLjY2Ni0xNS4yNDgtMy42Ni0xNS4zNTctLjAwNi0uMTAyLS40ODUtMTEuMzIxIDguMTMtMTIuMzkzLjAzMy0uMDAzIDIuNTgxLS4xNDEgNC44MSAyLjA1IDIuNTQ5IDIuNTA2IDMuNjc1IDYuOTA2IDMuMzQ3IDEzLjA3OGwtLjAwNS4wOTdoLTEwLjQ0djguNTY0Yy4wMDIuMDI0LjI2OCAzLjIwNCAyLjM4OCAzLjI4Mi40Ny4wMi44NzUtLjEzIDEuMjA3LS40NC45NS0uODkgMS4wMDctMi44MjUgMS4wMDgtMi44NDR2LTYuNDU1aDUuNzQ3bC4wMTEuMDg5Yy4wMDguMDYuNzQyIDYuMTM4LTIuMjY1IDkuNjYtMS4zNDcgMS41NzctMy4yNCAyLjQyLTUuNjI1IDIuNTA1YTcuOTU3IDcuOTU3IDAgMCAxIC0uMjYuMDA1em0tMTQuNDg4LS4zNTNoNS4wNTZ2LTM4Ljk1OGgtNS4wNTZ6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im03My4yNDggMzkuMDAzaDQuODUydi0zOC43NTRoLTQuODUyem0tLjIwNC4yMDRoNS4yNnYtMzkuMTYyaC01LjI2em0yOS4wNC0yNy41MDV2LTEuNjVoLTUuMDE2djI5LjA1Mmg1LjI2NHMtLjAyLTE5LjQ3OCAwLTIxLjU0MmMuMDI1LTIuNDc3IDMuNjQ4LTIuNjQxIDMuNjQ4LTIuNjQxaDEuNzR2LTUuMTE3Yy0yLjgxOC0uNDEzLTUuNjM2IDEuODk4LTUuNjM2IDEuODk4IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0xMDIuNDM1IDM5LjIwNmgtNS40N3YtMjkuMjU2aDUuMjIxdjEuNTQ2Yy42NTMtLjQ4NCAzLjExMS0yLjE1IDUuNTUtMS43OTJsLjA4Ny4wMTN2NS4zMDdoLTEuODQzYy0uMDA0IDAtLjkuMDQ1LTEuNzgyLjM4Ni0xLjE2LjQ1LTEuNzUzIDEuMTc0LTEuNzYzIDIuMTU0LS4wMiAyLjA0IDAgMjEuMzQ3IDAgMjEuNTQxdi4xMDJ6bS02Ni45MzYtNi4wNzJzLS4yMjIgMi40NS0yLjE1NiAyLjQ3NmMtMi4wNzIuMDI4LTIuNTctMi4yLTIuNTctMi4ydi02Ljk2MXMuMDU2LS45MDguNTgtMS40ODZjLjUyNi0uNTc4IDMuNC0yLjExOCA0LjE0Ni0yLjc3OXptLTIuMDQ1LTIzLjA4M2MtOC42MjEuMTY1LTcuNDYgOC45LTcuNDYgOC45aDUuMTk0di0zLjc4MXMuMzYtMi44MDcgMi4xODMtMi44MDdjMS44MjQgMCAyLjA0NSAyLjY2OSAyLjA0NSAyLjY2OXYzLjg1MmMtLjI0OS40NC0xLjk2MiAxLjY3OC0xLjk2MiAxLjY3OC0uNjYzLjQ0LTEuNDMyIDEuMDI2LTMuNDgyIDIuMzk0LTIuNTE0IDEuNjc4LTMuNjIgMy40NjYtMy42MiAzLjQ2Ni0xLjYwMiAyLjUzMS0xLjE0NSA4LjU0Mi0uMjc2IDEwLjIwNy4zNTMuNjc1IDEuNjU4IDIuODA3IDQuNzI1IDIuODA3czQuOTc0LTEuOTgxIDQuOTc0LTEuOTgxdjEuNjVoNC44OXYtMjAuMTM5YzAtOS40MDktNy4yMTEtOC45MTQtNy4yMTEtOC45MTR6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0zMC44NzYgMzMuMzk4Yy4wMTkuMDc3LjE1Mi41NzkuNDkzIDEuMDcuNDg4LjcwMSAxLjE1NyAxLjA1IDEuOTczIDEuMDQuNzU4LS4wMSAxLjMzMy0uNDA4IDEuNzEtMS4xODQuMjc0LS41NjcuMzM5LTEuMTQuMzQ0LTEuMTk0di0xMC43M2MtLjQwOC4zMTMtMS4xMDguNzQ0LTEuODQ0IDEuMTk2LS45MTIuNTYtMS44NTQgMS4xNC0yLjEyMiAxLjQzNS0uNDk0LjU0NC0uNTU0IDEuNDE1LS41NTQgMS40MjR6bTIuNDMgMi4zMTRjLTIuMDk5IDAtMi42MjctMi4yNTgtMi42MzItMi4yOGwtLjAwMy0uMDIydi02Ljk2MWMuMDAzLS4wNDUuMDY0LS45NTcuNjA3LTEuNTU0LjI4OC0uMzE3IDEuMi0uODc4IDIuMTY2LTEuNDcyLjgwNy0uNDk3IDEuNjQyLTEuMDEgMS45ODctMS4zMTVsLjE3LS4xNXYxMS4xODZjLS4wMDMuMDI1LS4yNTMgMi41NDItMi4yNTYgMi41NjhoLS4wNHptLjA2NS0yMy40NTFjMS44OTYgMCAyLjE0NCAyLjczNCAyLjE0NyAyLjc2MnYzLjg4NmwtLjAxMy4wMjRjLS4yNTcuNDU0LTEuOTIgMS42Ni0xLjk5IDEuNzEtLjI1LjE2Ni0uNTE1LjM1My0uODUuNTg5LS41Ny40LTEuMzUuOTUtMi42MzYgMS44MDctMi40NjQgMS42NDUtMy41NzkgMy40MTgtMy41OSAzLjQzNi0xLjU3IDIuNDgxLTEuMTM3IDguNDUtLjI3MiAxMC4xMDYuNDMyLjgyOCAxLjc0OSAyLjc1MiA0LjYzNCAyLjc1MiAyLjk5IDAgNC44ODEtMS45MyA0LjktMS45NWwuMTc2LS4xODN2MS44MDNoNC42ODd2LTIwLjAzOGMwLTMuMTg0LS44MjctNS41NjctMi40NTctNy4wODItMi4wMy0xLjg4Ni00LjYyLTEuNzMyLTQuNjQ2LTEuNzNoLS4wMDVjLTIuNDc0LjA0OC00LjM2OS44MTQtNS42MzMgMi4yNzgtMi4wMzUgMi4zNTctMS43OTYgNS44MjMtMS43MzggNi40MTloNXYtMy42ODFjLjAxNy0uMTMxLjM5NC0yLjkwOCAyLjI4Ni0yLjkwOHptLTIuNTcgMjcuMjc1Yy0yLjk5OCAwLTQuMzY2LTItNC44MTYtMi44Ni0uODgyLTEuNjktMS4zMjItNy43NzcuMjgtMTAuMzEuMDEyLS4wMTYgMS4xNDYtMS44MjUgMy42NS0zLjQ5NiAxLjI4NC0uODU2IDIuMDYzLTEuNDA1IDIuNjMxLTEuODA1LjMzNy0uMjM3LjYwMi0uNDI0Ljg1MS0uNTg5LjQ1OS0uMzMxIDEuNjg0LTEuMjYgMS45MTYtMS42MjF2LTMuODI1Yy0uMDAxLS4wMTctLjIzNC0yLjU2Ny0xLjk0Mi0yLjU2Ny0xLjcxNCAwLTIuMDc4IDIuNjktMi4wODEgMi43MTh2My44NzJoLTUuMzg2bC0uMDEyLS4wODljLS4wMDUtLjA0LS41MDUtNC4wMjUgMS43NzYtNi42NjcgMS4zMDMtMS41MSAzLjI0OC0yLjMgNS43ODItMi4zNDguMTA0LS4wMDYgMi43MzUtLjEzMiA0Ljc5NiAxLjc4NCAxLjY3NCAxLjU1NSAyLjUyMiAzLjk4OCAyLjUyMiA3LjIzMXYyMC4yNDJoLTUuMDk1di0xLjUxOWMtLjU0Ni40OC0yLjMyMyAxLjg0OC00Ljg3MiAxLjg0OHptLTYuODQ5LTMzLjcwMWMtLjQ1MyAxLjQ4LTEuNDg5IDEuNDgtMS42NCAxLjQ4LTEuMDY2IDAtMS41MjktMS4zNDYtMS41MjktMi43NiAwLS45MjMuMjIxLTMuMDQ4IDEuNjctMy4wNDguNDQzIDAgMS4xNjcuMiAxLjQxOSAxLjM2OGwxLjM3OC0uNDM0Yy0uMDktLjM4OS0uNjk0LTIuMzAzLTIuNzI2LTIuMjgtMS43OTEgMC0zLjI5IDEuNTEzLTMuMjkgNC40NjEgMCAzLjIxNiAxLjg1IDQuMTc0IDMuMjYgNC4xNzQgMS4xMjYgMCAxLjg0LS41OSAyLjI3My0xLjE5MS4zNjItLjUuNDUzLS45MjQuNTUzLTEuMzQ3eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtMjIuNTU5LjI2MmgtLjAzNGMtMS45MzcgMC0zLjE4OSAxLjcxMi0zLjE4OSA0LjM2IDAgMy44NzUgMi42MyA0LjA3MiAzLjE1NyA0LjA3Mi45MDUgMCAxLjY0Mi0uMzg3IDIuMTktMS4xNDkuMzI1LS40NDguNDIyLS44MjQuNTE2LTEuMjE4bC0xLjE4LS4zNjRjLS40NTUgMS4zNDctMS40MTcgMS40NTQtMS43MDcgMS40NTQtMS4yMDQgMC0xLjYzMS0xLjU0MS0xLjYzMS0yLjg2MSAwLS41MjcuMDg1LTMuMTUxIDEuNzcyLTMuMTUxLjQzOCAwIDEuMi4xNzcgMS40OTMgMS4zNGwxLjE4LS4zNzJjLS4xMjUtLjQ1MS0uNzE1LTIuMTExLTIuNTY3LTIuMTExbS0uMDY2IDguNjM1Yy0uNDk0IDAtMS40NC0uMTE4LTIuMjMtLjkxLS43NS0uNzU0LTEuMTMxLTEuODg2LTEuMTMxLTMuMzY1IDAtMi43NzIgMS4zMzEtNC41NjQgMy4zOTItNC41NjRoLjAzNWMxLjc2OSAwIDIuNTg2IDEuNDggMi43OSAyLjM2bC4wMjIuMDkyLTEuNTc2LjQ5Ni0uMDIzLS4xMWMtLjI0Mi0xLjEyLS45My0xLjI4Ny0xLjMxOS0xLjI4Ny0xLjQ5MiAwLTEuNTY3IDIuNDU0LTEuNTY3IDIuOTQ3IDAgMS4yMjYuMzczIDIuNjU4IDEuNDI2IDIuNjU4LjMzNSAwIDEuMTU0LS4xMzggMS41NDItMS40MDhsLjAzLS4wOTggMS41NTguNDgxLS4wMzQuMTQxYy0uMDk3LjQxMS0uMTk4LjgzNi0uNTU4IDEuMzM0LS40MDUuNTYzLTEuMTQzIDEuMjMzLTIuMzU3IDEuMjMzbTQuOTEyLTMuMjE3YzAgLjM3OC4wMyAxLjk3IDEuMDY2IDEuOTcgMS4wNDYgMCAxLjA3Ny0xLjYyNSAxLjA3Ny0yLjEzNyAwLS41MzUtLjExMS0xLjkxNC0xLjA1Ny0xLjkxNC0uODk1IDAtMS4wODYgMS4xMjQtMS4wODYgMi4wOG0zLjUtLjAzM2MwIDIuMTgxLTEuMjM3IDMuMDk0LTIuNDE0IDMuMDk0LTEuMDc2IDAtMi40NDQtLjc5LTIuNDQ0LTMuMDgzIDAtMS45OTIgMS4wMjYtMy4wNDkgMi4zMDQtMy4wNDkgMi4wMjIgMCAyLjU1NSAxLjY1OCAyLjU1NSAzLjAzOCIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtMjguNDkxIDMuN2MtLjgxMyAwLS45ODQgMS4wNzctLjk4NCAxLjk4IDAgLjU2MS4wOTQgMS44NjcuOTY0IDEuODY3LjgwNSAwIC45NzQtMS4xMDYuOTc0LTIuMDM0IDAtLjQyNS0uMDY4LTEuODEyLS45NTQtMS44MTJtLS4wMiA0LjA1Yy0uNzQyIDAtMS4xNjgtLjc1NS0xLjE2OC0yLjA3MSAwLTEuNDI4LjQxLTIuMTgzIDEuMTg4LTIuMTgzIDEuMDc2IDAgMS4xNiAxLjU0MyAxLjE2IDIuMDE2IDAgMS44NS0uNjQyIDIuMjM4LTEuMTggMi4yMzhtLS4xMi01LjA0Yy0xLjMzOCAwLTIuMjAyIDEuMTU2LTIuMjAyIDIuOTQ2IDAgMi4yIDEuMjYyIDIuOTgxIDIuMzQyIDIuOTgxIDEuNTk4IDAgMi4zMTItMS41MDMgMi4zMTItMi45OTIgMC0uODgzLS4yMzktMi45MzYtMi40NTItMi45MzZtLjE0IDYuMTMyYy0xLjI2NyAwLTIuNTQ2LS45ODUtMi41NDYtMy4xODUgMC0xLjkxNC45NDQtMy4xNSAyLjQwNi0zLjE1Ljc5OSAwIDIuNjU3LjMwNSAyLjY1NyAzLjE0IDAgMi4yMDctMS4yNjQgMy4xOTUtMi41MTcgMy4xOTVtNi41MTQtNi4yMjJjLS45OTYgMC0xLjYuNjM0LTEuODYxLjkxMnYtLjgxMmgtMS4zNTh2NS45MmgxLjM1OHYtNC4wNjJjLjQ4My0uNDkuODQ1LS43NTcgMS4yNDctLjc1Ny40MjMgMCAuNDkzLjM1Ni40OTMuNjh2NC4xMzloMS4zNTh2LTQuNTA3YzAtLjk4LS40MDItMS41MTQtMS4yMzctMS41MTQiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTM0Ljk4NyA4LjUzOGgxLjE1M3YtNC40MDVjMC0uOTUtLjM3MS0xLjQxMi0xLjEzNS0xLjQxMi0uOTU5IDAtMS41MzkuNjE3LTEuNzg2Ljg4bC0uMTc4LjE4OXYtLjk3aC0xLjE1M3Y1LjcxN2gxLjE1M3YtNC4wMDFsLjAzLS4wM2MuNDc5LS40ODUuODY3LS43ODcgMS4zMi0uNzg3LjM5NSAwIC41OTYuMjYzLjU5Ni43ODF6bTEuMzU4LjIwNGgtMS41NjN2LTQuMjQyYzAtLjQwNC0uMTE3LS41NzctLjM5LS41NzctLjM3NCAwLS43MTguMjY2LTEuMTQ2LjY5N3Y0LjEyMmgtMS41NjN2LTYuMTI0aDEuNTYzdi42NjJjLjMyNS0uMzE2Ljg5OS0uNzYyIDEuNzU5LS43NjIuNjExIDAgMS4zNC4yOCAxLjM0IDEuNjE1em00LjE2Ny00LjI5OGMtLjE3LS4yMjItLjQ5Mi0uNTc4LS45NDUtLjU3OC0xLjAwNiAwLTEuMDU2IDEuNDAyLTEuMDU2IDEuODQ3IDAgLjQ5LjEzIDEuNzggMS4wNjYgMS43OC40ODMgMCAuNzg1LS4zNzguOTM1LS41Njd6bTEuMzQ4LTQuMjR2OC40MzZoLTEuMzU4di0uNjhjLS4xNy4yMDEtLjY2My43OC0xLjQ2OC43OC0xLjIxNyAwLTIuMDAyLTEuMzQ3LTIuMDAyLTMuMDUgMC0xLjcxMy44MDUtMy4wNyAyLjAxMi0zLjA3LjI1MSAwIC44NjUuMDQ0IDEuNDU4Ljc3OHYtMy4xOTNoMS4zNTh6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgIDxwYXRoIGQ9Im0zOS41NjcgMy45NjhjLS44MyAwLS45NTQgMS4wOTMtLjk1NCAxLjc0NSAwIC4xNzIuMDI3IDEuNjc5Ljk2NCAxLjY3OS40MTMgMCAuNjgxLS4zMTIuODMzLS41MDJ2LTIuNDFjLS4yNzItLjM0NS0uNTQ4LS41MTItLjg0My0uNTEybS4wMSAzLjYyN2MtLjg2MyAwLTEuMTY5LTEuMDE0LTEuMTY5LTEuODgyIDAtMS4yNTcuNDEyLTEuOTUgMS4xNTktMS45NS4zNjYgMCAuNzExLjIwOSAxLjAyNy42MmwuMDIuMDI3djIuNTVsLS4wMjEuMDI4Yy0uMTU3LjE5Ny0uNDg0LjYwNi0xLjAxNi42MDZtLS41MzMtNC44NzRjLTEuMTA3IDAtMS45MSAxLjI1LTEuOTEgMi45NyAwIDEuNzA3LjggMi45NDcgMS45IDIuOTQ3Ljc1NiAwIDEuMjE3LS41NCAxLjM5LS43NDNsLjE4LS4yMXYuODUzaDEuMTU0di04LjIzaC0xLjE1M3YzLjM4bC0uMTgyLS4yMjVjLS4zOTgtLjQ5MS0uODYxLS43NC0xLjM4LS43NG0tLjAxIDYuMTJjLTEuMjE5IDAtMi4xMDQtMS4zMjUtMi4xMDQtMy4xNTEgMC0xLjgzOS44OS0zLjE3MyAyLjExNS0zLjE3My41OTYgMCAxLjA0Ny4yOTkgMS4zNTYuNjEydi0zLjAyN2gxLjU2M3Y4LjYzOWgtMS41NjN2LS41MTdjLS4yNTcuMjU5LS43MTYuNjE3LTEuMzY2LjYxN201LjAwOS0zLjc5N2MuMDYtMS4wOS42MjQtMS40MTMgMS4wNzctMS40MTMuMzgyIDAgMS4wNjYuMjQ1IDEuMTE2IDEuNDEzem0zLjI2LS43OWMtLjI3Mi0uOTEyLTEuMDI3LTEuNjM1LTIuMTkzLTEuNjM1LTEuNDggMC0yLjQ5NSAxLjE5LTIuNDk1IDIuOTkzIDAgMi4wMDMgMS4xODcgMy4xMjcgMi41NDUgMy4xMjcgMS40MzggMCAyLjAwMi0xLjE0NiAyLjE4My0xLjUxNGwtMS4xMDctLjUxMmMtLjEyLjI0NS0uMzgyLjgyNC0xLjA2Ni44MjQtLjM5MiAwLTEuMDc2LS4yMzQtMS4xMjctMS41OTFoMy40Yy4wMy0uNTEyLjA1LTEuMDM1LS4xNC0xLjY5MnoiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTQ0LjE1MyA0Ljk0M2gxLjk3NWMtLjA5NC0xLjE0OS0uODUzLTEuMjA5LTEuMDA4LTEuMjA5LS4yMDYgMC0uODY1LjA5LS45NjcgMS4yMXptMi4xOS4yMDRoLTIuNDA4bC4wMDYtLjEwN2MuMDYyLTEuMTEzLjY1LTEuNTEgMS4xNzktMS41MS4xOTIgMCAxLjE1Ny4wNzMgMS4yMTkgMS41MTF6bS0xLjIzMy0yLjQyNmMtMS40MyAwLTIuMzkyIDEuMTYyLTIuMzkyIDIuODkyIDAgMi4wNzggMS4yNjYgMy4wMjUgMi40NDMgMy4wMjUgMS4yNyAwIDEuODI4LS45MzkgMi4wNDQtMS4zNjNsLS45Mi0uNDI2Yy0uMTQyLjI4LS40NDQuNzktMS4xMTQuNzktLjI3NCAwLTEuMTctLjEyMS0xLjIzLTEuNjg5bC0uMDAzLS4xMDVoMy40MWMuMDI2LS41MDQuMDI3LS45NzktLjE0My0xLjU2MS0uMjktLjk3OC0xLjA3NC0xLjU2My0yLjA5NS0xLjU2M3ptLjA1IDYuMTJjLTEuMjc0IDAtMi42NDctMS4wMS0yLjY0Ny0zLjIyOCAwLTEuODUyIDEuMDQ0LTMuMDk1IDIuNTk3LTMuMDk1IDEuMSAwIDEuOTc4LjY1NCAyLjI5MiAxLjcwOC4xOS42NTEuMTc3IDEuMTY3LjE0NCAxLjcyN2wtLjAwNS4wOTZoLTMuMzljLjA4MiAxLjI1LjczNiAxLjM4NyAxLjAyIDEuMzg3LjU5OSAwIC44MzYtLjQ4My45NjMtLjc0M2wuMDU2LS4xMTMgMS4yOTIuNTk4LS4wNDYuMDkzYy0uMTkzLjM5LS43NzUgMS41Ny0yLjI3NSAxLjU3em0xLjc2LTguNTgxaC0xLjZsLTEuMzM3IDEuNzE0aDEuMDE2eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtNDQuMTkyIDEuODcyaC43NjhsMS42OTMtMS41MWgtMS4yODNsLTEuMTc5IDEuNTF6bS44NDYuMjA0aC0xLjI2NGwxLjQ5Ni0xLjkxOGgxLjkxN2wtMi4xNSAxLjkxOHptMTAuMDk2LTEuNzQ5djUuNTc1aC0uMDJsLTMuMDU5LTUuNTc1aC0xLjU1OXY4LjMxM2gxLjQ3di01Ljc5OGguMDE5bDMuMTU5IDUuNzk4aDEuNDU5di04LjMxM3oiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTU1LjIwNSA4LjUzOGgxLjI5NXYtOC4xMWgtMS4yNjR2NS41NzZoLS4xNjNsLS4wNS0uMDUzLTMuMDI3LTUuNTIxaC0xLjM5NnY4LjEwOWgxLjI2NHYtNS43OTloLjE2M2wuMDQ5LjA1MyAzLjEzIDUuNzQ1em0xLjUuMjA0aC0xLjYyMmwtMy4wMTYtNS41MzV2NS41MzVoLTEuNjczdi04LjUxN2gxLjcyMmwyLjkxNSA1LjMxNXYtNS4zMTVoMS42NzR6bTMuOTgyLTMuMTQ3Yy0uNTA1LjEwNi0xLjgzOC4zOS0xLjgzOCAxLjMxNyAwIC40NzUuMzMzLjcwNi42NDcuNzA2LjQ4NiAwIDEtLjQ1MyAxLjE5MS0uNjIxem0xLjIyIDEuNzM5YzAgLjMzNy4wOTQuODg1LjE4IDEuMTQ4aC0xLjIzN2E1LjA4NyA1LjA4NyAwIDAgMSAtLjExNS0uNThjLS4yMzguMjMzLS42OTUuNjc1LTEuNDg1LjY3NS0uODQ4IDAtMS42Mi0uNTU4LTEuNjItMS41NDkgMC0xLjQ2NCAxLjQ1OC0yLjA5NiAzLjA1OC0yLjIzM3YtLjE3YzAtLjU0Ny0uMzUzLS44ODQtLjg1Ny0uODg0LS41NjMgMC0uOTgxLjMxNi0xLjI5Ni43OGwtLjc2Mi0uNzA2YTIuNTEgMi41MSAwIDAgMSAyLjA3Ny0xLjAzM2MuODc2IDAgMi4wNTcuMzE2IDIuMDU3IDEuOTI4eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtNjAuNTg1IDUuNzIxYy0uNTQ1LjExOC0xLjYzNC40MDYtMS42MzQgMS4xOTEgMCAuNDE2LjI4My42MDUuNTQ1LjYwNS40MjMgMCAuODk1LS4zOTYgMS4wODktLjU2NnYtMS4yMzF6bS0xLjA4OSAyYy0uMzczIDAtLjc1LS4yNzgtLjc1LS44MDkgMC0xLjAxNiAxLjM5NS0xLjMwNyAxLjkyLTEuNDE2bC4xMjMtLjAyNnYxLjU3MmwtLjAzNC4wM2MtLjIuMTc4LS43MzEuNjQ4LTEuMjU5LjY0OHptLjMzNC00LjA4MmMuNTc0IDAgLjk2LjM5Ny45Ni45ODd2LjI2MmwtLjA5NC4wMDhjLS44OTIuMDc2LTIuOTY0LjQzNy0yLjk2NCAyLjEzMiAwIC45OTQuNzg2IDEuNDQ3IDEuNTE3IDEuNDQ3Ljc1MiAwIDEuMTgyLS40MiAxLjQxNC0uNjQ1bC4xNDUtLjE0MS4wMjguMmMuMDE3LjEyMi4wNDEuMjc1LjA5My40OTFoMS4wMjNhNC45MjkgNC45MjkgMCAwIDEgLS4xNDgtMS4wNDZ2LTIuNjI0YzAtMS41MS0xLjA2My0xLjgyNi0xLjk1NS0xLjgyNi0uNzgzIDAtMS40NTEuMzE3LTEuOTM4LjkybC42MDcuNTYzYy4zNi0uNDgzLjgtLjcyOCAxLjMxMi0uNzI4em0tLjU4MSA1LjA0Yy0uODU2IDAtMS43MjItLjU2Ny0xLjcyMi0xLjY1IDAtMS4yOTMgMS4xMTMtMi4xMzggMy4wNTgtMi4zMjd2LS4wNzZjMC0uNDc2LS4yOTctLjc4My0uNzU1LS43ODMtLjQ3MyAwLS44OC4yNDctMS4yMS43MzVsLS4wNjguMDk4LS45MTctLjg1LjA1NS0uMDczYTIuNjE4IDIuNjE4IDAgMCAxIDIuMTYtMS4wNzNjLjgwNiAwIDIuMTYuMjY0IDIuMTYgMi4wM3YyLjYyNGMwIC4zMy4wOTMuODYyLjE3NiAxLjExN2wuMDQzLjEzM2gtMS40NTlsLS4wMTktLjA3N2E1LjMxNiA1LjMxNiAwIDAgMSAtLjA4Ni0uMzk2Yy0uMjY5LjI0MS0uNzIzLjU2OC0xLjQxNS41Njh6bTYuMDY2LTMuNTc5Yy0uNTU0LS4xMzMtMS4wNzYtLjI1NS0xLjA3Ni0uNzc4IDAtLjM0NS4zMTEtLjY5LjgwNC0uNjkuMzUyIDAgLjYyNC4xNDUgMS4wNzcuNDU2bC4xMy4wOS43ODUtLjcyNGMtLjM5Mi0uMzIzLTEuMDI2LS44MzUtMi4wMDItLjgzNS0xLjE5NyAwLTIuMDYyLjgzNS0yLjA2MiAxLjgzNiAwIDEuNDU4IDEuMzQ4IDEuNzcgMS45MzEgMS44ODEuNTQzLjEuOTk2LjI1Ni45OTYuNzEyIDAgLjQzNC0uNDUzLjU5LS44NDUuNTktLjY2NCAwLTEuMDg2LS4zNTYtMS4zODgtLjYxMmwtLjgyNS42MzRjLjM0Mi40MDEuOTQ2IDEuMDggMi4xOTMgMS4wOCAxLjY2IDAgMi4yMjMtMS4wOCAyLjIyMy0xLjkwMyAwLTEuMjkxLTEuMjI3LTEuNTctMS45NDEtMS43MzYiIG1hc2s9InVybCgjYikiLz4KICAgPHBhdGggZD0ibTYyLjk4OCA3LjY3NmMuMzI2LjM3NS45MDcuOTYyIDIuMDQ1Ljk2Mi43ODggMCAyLjEyMS0uMzggMi4xMjEtMS44MDEgMC0xLjIwMi0xLjE1Ny0xLjQ3Mi0xLjg0OC0xLjYzM2wtLjAxNi0uMDA0LjAyNC0uMS0uMDM1LjA5N2MtLjU2My0uMTM1LTEuMTQ0LS4yNzUtMS4xNDQtLjg3NSAwLS4zOS4zNC0uNzkyLjkwNy0uNzkyLjM4IDAgLjY2OC4xNTMgMS4xMzUuNDc0bC4wNjMuMDQzLjYzOS0uNTg4Yy0uMzc3LS4zMDUtLjk3LS43MzgtMS44NDctLjczOC0xLjA5OSAwLTEuOTYuNzYyLTEuOTYgMS43MzQgMCAxLjQyOCAxLjM5MSAxLjY5NCAxLjg0OCAxLjc4MS41Ni4xMDMgMS4wOC4yNzMgMS4wOC44MTIgMCAuNTExLS41MS42OTItLjk0OC42OTItLjY1NiAwLTEuMDkzLS4zMzItMS4zOS0uNTgzbC0uNjc1LjUxOXptMi4wNDUgMS4xNjZjLTEuMzE5IDAtMS45NjItLjc1NC0yLjI3LTEuMTE2bC0uMDctLjA4MS45NzUtLjc1LjA2My4wNTNjLjI5My4yNDguNjkzLjU4OCAxLjMyMi41ODguMzQzIDAgLjc0My0uMTI4Ljc0My0uNDg4IDAtLjMyLS4yNTYtLjQ5LS45MTItLjYxMi0xLjMzOC0uMjU1LTIuMDE1LS45MjEtMi4wMTUtMS45OCAwLTEuMDg3Ljk1LTEuOTM4IDIuMTY0LTEuOTM4IDEuMDI0IDAgMS42NzcuNTM3IDIuMDY3Ljg1N2wuMDkuMDc1LS45My44NTctLjE5OC0uMTM0Yy0uNDQtLjMwNC0uNjkyLS40MzktMS4wMTktLjQzOS0uNDQgMC0uNzAyLjI5OS0uNzAyLjU4OCAwIC40MS4zNzMuNTMuOTg3LjY3N2wtLjAxMy4xMDIuMDIzLS4xLS4wMjMuMS4wMzgtLjA5NmMuNy4xNjQgMi4wMDYuNDY5IDIuMDA2IDEuODMyIDAgLjk5OC0uNzIgMi4wMDUtMi4zMjYgMi4wMDV6bTYuMDA3LTUuMDQzdi0xLjA4aC0uOTQ2di0xLjkxMmgtMS4zNTh2MS45MTNoLS44MTV2MS4wNzloLjgxNXYzLjE1YzAgLjU4OS4yMDEgMS4xNjguNjc0IDEuNTEzLjM4Mi4yODkuODY1LjMgMS42My4yNjd2LTEuMjI0Yy0uNTEzLS4wMTEtLjk0Ni0uMDQ1LS45NDYtLjU1N3YtMy4xNWguOTQ2eiIgbWFzaz0idXJsKCNiKSIvPgogICA8cGF0aCBkPSJtNjguMDI0IDMuNjk3aC44MTR2My4yNTFjMCAuMzYyLjA4MiAxLjAzLjYzMiAxLjQzMi4zNS4yNjQuODE0LjI3NyAxLjQ2Ny4yNXYtMS4wMjVjLS40MjctLjAxMi0uOTQ1LS4wNjctLjk0NS0uNjU2di0zLjI1MmguOTQ1di0uODc2aC0uOTQ1di0xLjkxNGgtMS4xNTR2MS45MTRoLS44MTR6bTIuNTE5IDUuMTQ3Yy0uNDk1IDAtLjg3NS0uMDU5LTEuMTk1LS4zMDEtLjQ2LS4zMzYtLjcxNC0uOTAzLS43MTQtMS41OTV2LTMuMDQ3aC0uODE1di0xLjI4M2guODE1di0xLjkxNGgxLjU2MnYxLjkxNGguOTQ2djEuMjgyaC0uOTQ2djMuMDQ3YzAgLjM3Ni4yNS40NDIuODQ2LjQ1NWwuMS4wMDJ2MS40MjFsLS4wOTguMDA0Yy0uMTguMDA4LS4zNDYuMDE0LS41MDEuMDE0eiIgbWFzaz0idXJsKCNiKSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
}

/* ═══ RESEÑAS ══════════════════════════════════════════════════════════════ */
#resenas{padding-block:var(--paso)}
#resenas .encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}
.opiniones{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.opinion{
  padding:1.8rem;border:1px solid var(--borde);
  display:flex;flex-direction:column;gap:1rem;
}
.opinion .estrellas{margin:0;color:var(--oro-alto);font-size:1rem;letter-spacing:.28em}
.opinion p{margin:0;font-size:1rem;line-height:1.6;color:var(--hueso);font-weight:300}
.opinion footer{
  margin-top:auto;padding-top:1rem;border-top:1px solid var(--borde);
  display:flex;justify-content:space-between;gap:1rem;
  font-size:1rem;letter-spacing:.2em;text-transform:uppercase;
}
.opinion footer b{color:var(--hueso);font-weight:500}
.opinion footer span{color:var(--oro)}

/* En móvil las opiniones no se apilan: se pasan de lado */
@media (max-width:820px){
  .opiniones{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.9rem;
    padding-inline:1.25rem;margin-inline:-1.25rem;
    scrollbar-width:none;
  }
  .opiniones::-webkit-scrollbar{display:none}
  .opinion{flex:0 0 80%;scroll-snap-align:start}
}



/* ═══ MIXOLOGÍA ════════════════════════════════════════════════════════════
   Escenario recorrido por scroll: los tragos vienen de lejos, se paran al
   frente y salen desenfocados hacia el espectador. Misma mecánica que los
   combos de Frog's, adaptada a copa recortada.

   El anclaje lo hace `position:sticky` sobre un track alto, NO un pin de
   librería: es más estable y no pelea con el resto de anclajes de la página.
   ═══════════════════════════════════════════════════════════════════════════ */
.mixo{
  position:relative;
  /* una pantalla de entrada + ~1,15 por trago */
  height:calc(100svh + var(--mixo-n,4) * 115svh);
}
.mixo-escena{
  position:sticky;top:0;height:100svh;overflow:hidden;
  display:grid;place-items:center;
  perspective:1400px;
  /* capa propia: sin esto iOS tiembla un píxel al desplazar */
  transform:translateZ(0);backface-visibility:hidden;
}

/* Fondos que se funden entre sí */
.mixo-fondos{position:absolute;inset:0;z-index:0}
.mixo-bd{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.mixo-bd[data-bd="0"]{background:radial-gradient(70% 60% at 68% 42%,rgb(192 153 49 / .3),transparent 68%)}
.mixo-bd[data-bd="1"]{background:radial-gradient(70% 60% at 68% 42%,rgb(180 190 120 / .24),transparent 68%)}
.mixo-bd[data-bd="2"]{background:radial-gradient(70% 60% at 68% 42%,rgb(205 120 40 / .28),transparent 68%)}
.mixo-bd[data-bd="3"]{background:radial-gradient(70% 60% at 68% 42%,rgb(205 49 27 / .34),transparent 68%)}

.mixo-cabeza{
  position:absolute;z-index:5;inset-block-start:clamp(5rem,9vh,7rem);inset-inline:0;
  pointer-events:none;
}

/* Los tragos van apilados y se mueven en profundidad */
.mixo-slides{position:absolute;inset:0;z-index:2;transform-style:preserve-3d}
.mixo-slide{
  position:absolute;inset:0;margin:0;
  display:grid;place-items:center;
  opacity:0;will-change:transform,opacity;
}
/* Sin copa: la ficha va sola, alineada a la izquierda y con aire de sobra
   a la derecha para el overlay que vendrá encima del vídeo. */
.mixo-reja{
  display:block;width:min(100% - 2.5rem,1320px);
}
.mixo-texto{max-width:min(100%,720px)}

.mixo-familia{
  margin:0;display:flex;align-items:baseline;gap:1.4rem;flex-wrap:wrap;
  font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:var(--acento);
}
.mixo-nombre{
  margin:.9rem 0 0;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98;
  text-transform:uppercase;letter-spacing:.03em;color:var(--hueso);
}
.mixo-plomo{margin:1.2rem 0 0;max-width:34ch;font-size:1.02rem;line-height:1.6}
.mixo-lista{
  margin:2rem 0 0;padding:0;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.6rem;max-width:32rem;
}
.mixo-lista li{
  display:flex;flex-direction:column;gap:.25rem;
  padding-top:.8rem;border-top:1px solid var(--borde);
}
.mixo-lista b{font-size:1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--hueso)}
.mixo-lista span{font-size:1rem;color:var(--humo)}

/* La copa, recortada y con su sombra propia */
/* El contenedor se ciñe al ancho de la copa: si ocupa toda la columna, el
   precio queda flotando lejos del vaso en vez de colgado de él. */
.mixo-foto{position:relative;display:grid;place-items:center;width:fit-content;justify-self:center}
.mixo-foto img{
  width:min(100%,420px);max-height:62svh;object-fit:contain;display:block;
  filter:drop-shadow(0 30px 42px rgb(0 0 0 / .65));
}

/* Índice lateral */
.mixo-puntos{
  position:absolute;z-index:6;inset-inline-end:clamp(1rem,2.4vw,2.2rem);inset-block-start:50%;
  transform:translateY(-50%);
  display:flex;flex-direction:column;gap:.7rem;
}
.mixo-puntos button{
  width:9px;height:9px;padding:0;border:0;border-radius:var(--pill);cursor:pointer;
  background:var(--borde);transition:height .4s cubic-bezier(.22,1,.36,1),background .4s;
}
.mixo-puntos button[data-activo]{height:28px;background:var(--acento)}
.mixo-puntos button:focus-visible{outline:2px solid var(--hueso);outline-offset:3px}

.mixo-guia{
  position:absolute;z-index:5;inset-block-end:2rem;inset-inline:0;text-align:center;
  font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:var(--humo);
  transition:opacity .5s;
}

/* ── Móvil: el 3D no se monta; carrusel de fichas ─────────────────────── */
@media (max-width:900px){
  .mixo{height:auto}
  .mixo-escena{position:static;height:auto;display:block;padding-block:var(--paso);perspective:none}
  .mixo-cabeza{position:static;margin-bottom:1.5rem}
  .mixo-puntos,.mixo-guia{display:none}
  .mixo-fondos{position:absolute}

  .mixo-slides{
    position:static;display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-inline:1.25rem;scrollbar-width:none;transform:none;
  }
  .mixo-slides::-webkit-scrollbar{display:none}
  .mixo-slide{
    position:static;flex:0 0 82%;scroll-snap-align:center;opacity:1;transform:none;
    border:1px solid var(--borde);padding:1.4rem;
  }
  .mixo-reja{display:flex;flex-direction:column-reverse;gap:1.4rem;width:100%}
  .mixo-foto img{max-height:230px;width:auto;margin-inline:auto}
  .mixo-lista{grid-template-columns:1fr;gap:.7rem}
  .mixo-nombre{font-size:1.9rem}
  .mixo-plomo{font-size:1rem}
}


/* El fondo de la escena: se mueve y se desenfoca con el scroll */
.mixo-video{position:absolute;inset:0;z-index:0;overflow:hidden}
.mixo-video img,.mixo-video video{
  width:100%;height:100%;object-fit:cover;display:block;
  will-change:transform,filter;
}
.mixo-video::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(rgb(11 15 20 / .55),rgb(11 15 20 / .78));
}
/* Las fichas ya no vienen de lejos: cruzan la pantalla de lado */
.mixo-escena{perspective:none}
.mixo-slides{transform-style:flat}
.mixo-slide{will-change:transform,opacity,filter}
.mixo-escena{transition:none}


/* Los tragos van encadenados en una tira: uno detrás de otro, separados,
   y la tira entera se desplaza con el scroll. Antes cada uno ocupaba la
   pantalla y sólo se veía uno; ahora se ve venir el siguiente. */
.mixo-slides{
  position:absolute;inset-block:0;inset-inline-start:0;
  display:flex;align-items:center;gap:clamp(4rem,10vw,14rem);
  padding-inline:clamp(2rem,7vw,9rem);
  will-change:transform;
}
.mixo-slide{
  position:static;flex:0 0 auto;width:min(56vw,720px);
  opacity:1;will-change:opacity,filter;
}
.mixo-reja{display:block;width:100%}

/* ═══ LAS NOCHES ═══════════════════════════════════════════════════════════
   La media se queda quieta a la izquierda y las noches suben por la derecha.
   La imagen cambia sola según la noche que va pasando por el centro.
   El marco admite <video> igual que <img>: cuando haya vídeo se cambia la
   etiqueta y el resto sigue funcionando igual.
   ═══════════════════════════════════════════════════════════════════════════ */
.escena-noches{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(2rem,4vw,4.5rem);align-items:start;
}
/* Ya no se fija la foto sino el texto: si la media se queda pegada, en móvil
   —una sola columna— el texto le pasa por encima. */
.escena-media{position:static;align-self:start}
.escena-marco{position:relative;overflow:hidden;margin:0;aspect-ratio:4/5;background:var(--negro-3)}
.escena-marco img{width:100%;height:100%;object-fit:cover}

/* Subtítulo de la escena: el horario, debajo del titular */
.escena-sub{
  margin:1.3rem 0 0;font-size:clamp(1rem,1.3vw,1.18rem);font-weight:400;
  letter-spacing:.24em;text-transform:uppercase;color:var(--oro-alto);
}
/* El texto de ambiente. Va con data-partir: se enciende palabra a palabra al
   bajar, como el manifiesto. */
.noches-texto{display:grid;gap:1.6rem;max-width:52ch}
.noches-texto p{margin:0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.75}
.noches-texto .firma{
  margin-top:.6rem;padding-top:1.7rem;border-top:1px solid var(--borde);
  font-size:clamp(1.05rem,1.5vw,1.4rem);letter-spacing:.03em;line-height:1.4;
}
@media (max-width:900px){.noches-texto{max-width:none}}

/* ═══ EVENTOS ═══════════════════════════════════════════════════════════════
   Título y descripción se quedan quietos a la izquierda; la lista desfila por
   la derecha, de abajo hacia arriba. El fondo NO es negro a propósito: encima
   va otra sección oscura y las dos se confundían. Aquí hay un velo de color
   —rojo y oro de la casa— sobre un gris azulado.
   ═══════════════════════════════════════════════════════════════════════════ */
#events{
  position:relative;isolation:isolate;overflow:clip;
  padding-block:var(--paso);
  background:
    radial-gradient(52% 44% at 10% 14%,rgb(205 49 27 / .46),transparent 64%),
    radial-gradient(44% 40% at 90% 24%,rgb(192 153 49 / .34),transparent 66%),
    radial-gradient(62% 46% at 34% 62%,rgb(224 192 106 / .16),transparent 70%),
    radial-gradient(85% 55% at 66% 106%,rgb(205 49 27 / .30),transparent 72%),
    linear-gradient(180deg,#1A222C 0%,#26303C 46%,#1A212B 100%);
}
.events-reja{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(2.5rem,5vw,5rem);align-items:start;
}
.events-cabeza{position:sticky;top:clamp(96px,14vh,140px)}
.events-cabeza .plomo{margin-top:1.4rem}
.events-cabeza .raya{margin-block:clamp(1.6rem,3vw,2.4rem) 0}

.eventos .noche{
  display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,2.4vw,2.4rem);
  align-items:center;padding-block:clamp(2rem,4vw,3.4rem);
  border-bottom:1px solid var(--borde);position:relative;
  opacity:.45;transition:opacity .5s ease;
}
.eventos .noche:first-child{border-top:1px solid var(--borde)}
.eventos .noche[data-activa]{opacity:1}
.eventos .noche::before{
  content:'';position:absolute;inset-block:0;inset-inline-start:-1.2rem;width:2px;
  background:var(--acento);transform:scaleY(0);transform-origin:center;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.eventos .noche[data-activa]::before{transform:scaleY(1)}
@media (max-width:900px){
  .events-reja{grid-template-columns:1fr}
  .events-cabeza{position:static}
}

@media (max-width:900px){
  /* ── LAS CUATRO NOCHES, EN CARRUSEL ───────────────────────────────────────
     (Carlos, 2026-08-26: «estos eventos que sean slider por favor en mobile».)

     Apiladas eran cuatro fichas iguales una detrás de otra: cuatro pantallas
     de scroll para leer lo mismo cuatro veces con otro nombre. En carrusel se
     comparan, que es lo que se hace con una semana.

     Tres cosas que lo hacen carrusel y no una fila que se sale:
       · `scroll-snap` para que pare en cada ficha y no a medias;
       · la vecina ASOMA (85 % de ancho): sin eso nadie sabe que hay más;
       · los márgenes negativos sangran la fila hasta el canto, para que la
         primera ficha no parezca cortada por el margen de la página.
     Sin JavaScript: es scroll del navegador.

     ⚠️ Este bloque va DESPUÉS de `.eventos .noche{display:grid…}` a propósito.
     Puesto antes, la ficha se quedaba en tres columnas dentro del carrusel:
     misma especificidad, gana la última. */
  .eventos{
    display:flex;
    gap:.9rem;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1.25rem;
    padding-inline:1.25rem;
    margin-inline:-1.25rem;
    padding-bottom:.4rem;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .eventos::-webkit-scrollbar{display:none}

  .eventos .noche{
    flex:0 0 85%;
    scroll-snap-align:start;
    display:flex;flex-direction:column;gap:.7rem;
    /* La ficha pasa a ser una tarjeta con su propio borde: sin las líneas de
       separación de la lista, cuatro fichas en fila no se distinguirían. */
    border:1px solid var(--borde);
    border-radius:16px;
    padding:1.5rem 1.4rem;
    background:rgba(27,34,43,.42);
    opacity:1;
  }
  .eventos .noche:first-child{border-top:1px solid var(--borde)}
  /* Todo a la izquierda: el día venía centrado por herencia de la fila y
     quedaba desalineado con su propio título. */
  .eventos .noche, .eventos .noche .dia, .eventos .noche .hora{text-align:left}
  .eventos .noche .hora{justify-self:start;margin-top:auto;padding-top:.4rem}
  .eventos .noche::before{display:none}
  /* El texto ya no tiene que caber en una fila: se le deja respirar. */
  .eventos .noche > div p{margin-top:.6rem}
}


  .escena-marco{aspect-ratio:16/10}
}


/* ═══ GALERÍA ══════════════════════════════════════════════════════════════
   Dos filas que corren en sentidos opuestos, muy despacio. Es la sección
   más suelta de la página: no pide leer nada, sólo enseña el ambiente.
   ═══════════════════════════════════════════════════════════════════════════ */
#galeria{padding-block:var(--paso) 0;overflow:clip;position:relative;isolation:isolate}
#galeria::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 50% at 88% 8%,rgb(205 49 27 / .26),transparent 68%);
}
.mosaico{
  margin-top:clamp(1.5rem,3vw,2.4rem);
  display:flex;gap:.55rem;overflow-x:auto;
  padding-inline:.55rem;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.mosaico::-webkit-scrollbar{display:none}
.mosaico figure{
  margin:0;flex:0 0 clamp(220px,22vw,340px);
  aspect-ratio:4/5;overflow:hidden;scroll-snap-align:center;
  background:var(--negro-3);
}
.mosaico figure:nth-child(even){aspect-ratio:3/4;align-self:flex-end}
.mosaico img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .6s;
  filter:saturate(1.05);
}
.mosaico figure:hover img{transform:scale(1.05)}

/* ═══ RESERVA ══════════════════════════════════════════════════════════════ */
/* Segundo golpe de contraste del recorrido: foto a sangre. Sin él la página
   entera se queda en el mismo valor de gris y deja de tener ritmo. */
#reserva{position:relative;text-align:center;overflow:hidden;isolation:isolate}
#reserva .fondo{position:absolute;inset:0;z-index:-2}
/* Como los posts del manual: la foto de club desenfocada y encima manchas de
   luz naranja y roja. No es una foto con velo, es una mancha de color con la
   foto asomando por debajo. */
#reserva .fondo img{
  width:100%;height:100%;object-fit:cover;object-position:50% 45%;
  filter:blur(34px) saturate(1.7) brightness(1.15);
  transform:scale(1.2);
}
#reserva .fondo::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(58% 52% at 24% 26%,rgb(242 137 45 / .55),transparent 66%),
    radial-gradient(52% 48% at 80% 74%,rgb(205 49 27 / .62),transparent 68%),
    radial-gradient(46% 42% at 66% 12%,rgb(192 153 49 / .38),transparent 70%),
    linear-gradient(rgb(11 15 20 / .42),rgb(11 15 20 / .72));
}
#reserva .marco{padding-block:clamp(5rem,11vw,9rem);padding-inline:clamp(1.5rem,4vw,4rem)}
#reserva p{margin:1.8rem auto 2.6rem;max-width:44ch;color:var(--hueso);font-weight:300}


/* ═══ DESLIZADOR DE RESERVA ════════════════════════════════════════════════
   Un botón normal se pulsa sin querer; éste pide un gesto entero, que es lo
   que se quiere para una reserva. Vive en dos sitios: la cabecera en
   escritorio y una barra fija abajo en móvil.
   ═══════════════════════════════════════════════════════════════════════════ */
.deslizador{
  position:relative;flex:none;
  display:flex;align-items:center;
  height:46px;padding:3px;
  border:1px solid var(--desliza-borde);
  background:var(--desliza-fondo);
  border-radius:var(--pill);
  overflow:hidden;user-select:none;
  touch-action:pan-y;
}

/* El recorrido ya hecho, que se pinta por detrás */
.deslizador .relleno{
  position:absolute;inset:0;z-index:0;
  background:var(--desliza-relleno);
  border-radius:var(--pill);
  transform:scaleX(0);transform-origin:left;
}

/* El ON del fondo, al final del recorrido: se enciende cuando el mando llega */
.deslizador .encendido{
  position:absolute;z-index:1;inset-block:0;inset-inline-end:1.15rem;
  display:flex;align-items:center;
  font-size:clamp(1rem,1.2vw,1.1rem);font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--desliza-texto);opacity:.42;
  pointer-events:none;transition:opacity .25s,color .25s;
}

/* El mando: una píldora con el texto dentro, no un botón redondo */
.deslizador .tirador{
  position:relative;z-index:2;
  height:100%;flex:none;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding-inline:1.25rem;
  background:var(--desliza-tirador);color:var(--desliza-tirador-tinta);
  border:0;border-radius:var(--pill);cursor:grab;touch-action:none;
  font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  white-space:nowrap;
}
.deslizador .tirador:active{cursor:grabbing}
.deslizador .tirador:focus-visible{outline:2px solid var(--hueso);outline-offset:2px}
.deslizador .tirador svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2}

/* Encendido */
.deslizador[data-listo]{border-color:var(--desliza-tirador)}
.deslizador[data-listo] .encendido{opacity:1;color:var(--desliza-tirador)}

/* ── La barra fija de móvil ───────────────────────────────────────────── */
.barra-movil{
  position:fixed;inset-inline:0;inset-block-end:0;z-index:70;
  display:none;
  padding:.75rem clamp(.9rem,4vw,1.25rem) calc(.75rem + env(safe-area-inset-bottom));
  background:var(--barra-fondo);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid var(--desliza-borde);
}
.cabecera .deslizador{width:clamp(240px,20vw,290px)}
.barra-movil .deslizador{width:100%;height:52px}

@media (max-width:820px){
  .barra-movil{display:block}
  /* la barra flota sobre el contenido: se le hace sitio al final */
  body{padding-bottom:88px}
  .cabecera .deslizador{display:none}
}
@media (min-width:821px){
  .barra-movil{display:none}
}

/* ═══ MODAL DE RESERVA ═════════════════════════════════════════════════════ */
.reserva-modal{
  width:min(560px,calc(100% - 2rem));max-height:90dvh;
  padding:0;border:1px solid var(--desliza-borde);
  background:var(--modal-fondo);color:var(--humo);
  overflow:auto;
}
.reserva-modal::backdrop{
  background:rgb(0 0 0 / .72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.reserva-modal .cuerpo{padding:clamp(1.5rem,4vw,2.6rem)}
.reserva-modal header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  margin-bottom:1.8rem;
}
.reserva-modal h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0;text-transform:uppercase;letter-spacing:.06em}
.reserva-modal .cerrar{
  flex:none;width:38px;height:38px;display:grid;place-items:center;
  border:1px solid var(--desliza-borde);color:var(--humo);background:none;cursor:pointer;
}
.reserva-modal .cerrar:hover{color:var(--hueso)}
.reserva-modal .cerrar:focus-visible{outline:2px solid var(--hueso);outline-offset:2px}

.reserva-modal .campos{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}
.reserva-modal .campo{display:flex;flex-direction:column;gap:.5rem}
.reserva-modal .campo.ancho{grid-column:1 / -1}
.reserva-modal label{
  font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--desliza-texto);
}
.reserva-modal input,.reserva-modal select{
  font:inherit;font-size:1rem;color:var(--hueso);
  background:var(--campo-fondo);border:1px solid var(--desliza-borde);
  padding:.75rem .9rem;width:100%;
}
.reserva-modal input:focus-visible,.reserva-modal select:focus-visible{
  outline:2px solid var(--desliza-tirador);outline-offset:-1px;
}
.reserva-modal .pie{margin-top:1.8rem;display:flex;flex-direction:column;gap:1rem}
.reserva-modal .nota{font-size:1rem;line-height:1.5;color:var(--humo)}

/* Lo que se ve al enviar */
.reserva-modal .hecho{display:none;text-align:center;padding:1rem 0}
.reserva-modal[data-enviado] form{display:none}
.reserva-modal[data-enviado] .hecho{display:block}
.reserva-modal .hecho p{margin:1rem auto 0;max-width:40ch;color:var(--hueso)}
.reserva-modal .hecho .marca-ok{
  width:54px;height:54px;margin-inline:auto;display:grid;place-items:center;
  border:1px solid var(--desliza-tirador);color:var(--desliza-tirador);
}

@media (prefers-reduced-motion:reduce){
  .deslizador .relleno,.deslizador .tirador{transition:none!important}
}


/* ═══ REDONDEOS ════════════════════════════════════════════════════════════
   La marca es angulosa —el logotipo son cintas de esquina recta—, así que el
   redondeo se queda SÓLO en lo que se toca: campos, botones y el deslizador.
   Las fotos, las fichas y las secciones siguen a escuadra, que es lo que
   sostiene el aire del manual.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{--pill:999px;--redondo:14px}

.boton{border-radius:var(--pill)}
.reserva-modal input,.reserva-modal select{border-radius:var(--pill)}
.reserva-modal .cerrar{border-radius:var(--pill)}
.reserva-modal{border-radius:var(--redondo)}
.reserva-modal .marca-ok{border-radius:var(--pill)}
.conmutador{border-radius:var(--pill);overflow:hidden}
.ficha{border-radius:var(--redondo)}
.datos .ir{border-radius:0}

.reserva-modal .asa{display:none}

/* ═══ EL MODAL EN MÓVIL ════════════════════════════════════════════════════
   Baja desde arriba y se queda pegado al borde superior, que es donde llega
   el pulgar cuando vienes de la barra de abajo. Con altura limitada y scroll
   propio: el formulario entero no cabe en una pantalla de teléfono.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width:640px){
  .reserva-modal{
    margin:0 auto;
    width:100%;max-width:none;
    max-height:92dvh;
    border-radius:0 0 var(--redondo) var(--redondo);
    border-inline:0;border-top:0;
    animation:bajar .42s cubic-bezier(.22,1,.36,1);
  }
  .reserva-modal .cuerpo{padding:1.4rem 1.25rem calc(1.4rem + env(safe-area-inset-bottom))}
  .reserva-modal header{margin-bottom:1.3rem}
  /* Asidero, como el de una hoja que se baja */
  .reserva-modal .asa{
    display:block;width:44px;height:4px;border-radius:var(--pill);
    background:var(--desliza-borde);margin:0 auto 1.1rem;
  }
  .reserva-modal .campos{gap:.85rem}
  .reserva-modal input,.reserva-modal select{
    /* 16px: por debajo de eso iOS hace zoom al enfocar el campo */
    font-size:16px;padding:.7rem 1rem;
  }
  .reserva-modal .pie{margin-top:1.4rem}
  .reserva-modal .nota{font-size:1rem}
}

@keyframes bajar{
  from{transform:translateY(-100%);opacity:.4}
  to{transform:translateY(0);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .reserva-modal{animation:none!important}
}


/* ═══ LUZ DE LA CASA ═══════════════════════════════════════════════════════
   El mismo halo cálido de la banda, sembrado por toda la página. Va SIEMPRE
   por detrás (z-index -1 dentro de cada sección aislada) y cambia de esquina
   en cada bloque, para que al bajar no se repita el mismo destello.
   ═══════════════════════════════════════════════════════════════════════════ */
/* overflow:clip y NO hidden: `hidden` crea contexto de scroll y deja sin
   efecto el position:sticky de dentro — la escena de mixología salía en
   blanco por esto. `clip` recorta igual sin romperlo. */
#manifiesto,#casa,#menu,#agenda,#resenas,#mapa{position:relative;isolation:isolate;overflow:clip}
#manifiesto::after,#casa::after,#menu::after,#agenda::after,#resenas::after,#mapa::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
}
#manifiesto::after{
  background:
    radial-gradient(58% 46% at 88% 6%,rgb(205 49 27 / .3),transparent 66%),
    radial-gradient(46% 40% at 6% 92%,rgb(192 153 49 / .16),transparent 70%);
}
#casa::after{
  background:
    radial-gradient(52% 44% at 4% 12%,rgb(205 49 27 / .26),transparent 68%),
    radial-gradient(60% 48% at 96% 88%,rgb(192 153 49 / .18),transparent 70%);
}
#menu::after{
  background:
    radial-gradient(64% 50% at 50% 108%,rgb(205 49 27 / .32),transparent 66%),
    radial-gradient(40% 36% at 10% 4%,rgb(192 153 49 / .14),transparent 72%);
}
#agenda::after{
  background:
    radial-gradient(56% 48% at 94% 30%,rgb(205 49 27 / .28),transparent 68%),
    radial-gradient(44% 40% at 2% 78%,rgb(192 153 49 / .15),transparent 72%);
}
#resenas::after{
  background:radial-gradient(58% 46% at 14% 4%,rgb(205 49 27 / .24),transparent 68%);
}
#mapa::after{
  background:radial-gradient(50% 60% at 92% 96%,rgb(192 153 49 / .18),transparent 70%);
}


/* ═══ RAYA SEPARADORA ══════════════════════════════════════════════════════
   Cierra el encabezado y despega el contenido de debajo. Se traza al entrar
   y lleva un destello que la recorre de vez en cuando: suficiente para que
   esté viva, poco como para no pedir atención.
   ═══════════════════════════════════════════════════════════════════════════ */
.raya{
  position:relative;display:block;height:1px;overflow:hidden;
  margin-block:clamp(1.6rem,3vw,2.6rem) clamp(2rem,3.5vw,3rem);
  background:linear-gradient(to right,transparent,var(--borde) 6%,var(--borde) 94%,transparent);
  transform:scaleX(0);transform-origin:left;
}
.no-js .raya{transform:scaleX(1)}
.raya::after{
  content:'';position:absolute;inset-block:-1px;inset-inline-start:-160px;
  width:160px;
  background:linear-gradient(to right,transparent,var(--acento),transparent);
  animation:recorreRaya 9s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes recorreRaya{
  0%   {transform:translateX(0);opacity:0}
  12%  {opacity:1}
  60%  {opacity:1}
  70%,100%{transform:translateX(calc(100vw + 160px));opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .raya{transform:scaleX(1)!important}
  .raya::after{animation:none;opacity:0}
}

/* Raya vertical: parte el manifiesto en dos. Mismo lenguaje que las
   horizontales, puesta de pie; en móvil se tumba y hace de separador. */
.raya-v{
  position:relative;display:block;width:1px;align-self:stretch;justify-self:center;
  background:linear-gradient(to bottom,transparent,var(--borde) 12%,var(--borde) 88%,transparent);
  transform:scaleY(0);transform-origin:center;
}
.no-js .raya-v{transform:none}
@media (max-width:900px){
  .raya-v{
    width:100%;height:1px;transform:scaleX(0);transform-origin:center;
    background:linear-gradient(to right,transparent,var(--borde) 6%,var(--borde) 94%,transparent);
  }
}
@media (prefers-reduced-motion:reduce){.raya-v{transform:none!important}}



/* ═══ A SANGRE ═════════════════════════════════════════════════════════════
   Sacan el bloque de la caja de texto y lo llevan de borde a borde. El
   margen negativo evita tener que reestructurar el marcado; el body ya lleva
   overflow-x:hidden, así que no aparece barra horizontal. */
.a-sangre{width:100vw;margin-inline:calc(50% - 50vw)}

/* El acordeón, de lado a lado y sin huecos en los cantos */
.acordeon{gap:.4rem}
@media (min-width:821px){
  .acordeon{padding-inline:.4rem}
}


/* Las noches, de borde a borde: la media llega al canto izquierdo y la
   columna de texto conserva su margen de lectura. */
.envoltura-abierta{width:100%;max-width:none;padding:0}
.escena-noches{
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  /* stretch, no start: así la columna de texto ocupa el alto de la foto y su
     contenido se puede centrar contra ella. */
  gap:clamp(2rem,4vw,4rem);align-items:stretch;
}
/* Se invierte la jugada: el TEXTO se queda fijo y por la izquierda van
   pasando las tres fotos, una pantalla cada una. */
.escena-media{display:grid;gap:0}
.escena-marco{position:static;aspect-ratio:auto;height:100svh}
.escena-lista{
  position:sticky;top:0;height:100svh;
  padding-inline:clamp(1.5rem,4vw,4.5rem) clamp(1.25rem,5vw,7rem);
  padding-block:clamp(3rem,8vh,7rem) clamp(3rem,8vh,6rem);
  display:flex;flex-direction:column;justify-content:center;
}
.escena-cabeza{margin-bottom:clamp(1rem,2vw,1.6rem)}
.escena-cabeza .raya{margin-block:clamp(1.6rem,3vw,2.4rem) 0}

@media (max-width:900px){
  .envoltura-abierta{padding-inline:0}
  .escena-noches{grid-template-columns:1fr}
  /* El bloque de texto arranca antes: el hueco lo daba el aire de las
     tarjetas, no una decisión de aquí. */
  .escena-lista{position:static;height:auto;padding-inline:1.25rem;padding-block:1.4rem 2.5rem}

  /* ── LAS TRES FOTOS, COMO TARJETAS QUE SE MONTAN ──────────────────────────
     (Carlos, 2026-08-26: «que una se encime en la otra, solo en mobile, que se
     encimen como tarjetas».)

     Antes iban apiladas con un hueco entre ellas: tres fotos sueltas que se
     miran de una en una. Ahora cada una se QUEDA PEGADA arriba y la siguiente
     sube por encima, dejando asomar el canto de la anterior. En escritorio
     esto no existe — allí las fotos pasan por la izquierda mientras el texto
     se queda fijo, y esa jugada sigue intacta.

     ⚠️ `display:block`, no `grid`: un hijo de grid con `position:sticky` se
     pega dentro de SU celda, y como cada foto es una celda del alto de la
     foto, no tiene por dónde deslizarse. En bloque comparten el mismo hilo de
     scroll y sí se montan.

     ⚠️ Los `top` van escalonados a propósito. Con el mismo `top` las tres se
     taparían enteras y sólo se vería la última: los 14 px de diferencia son
     el canto que delata que debajo hay más. */
  .escena-media{
    display:block;
    padding-inline:1.25rem;
    /* Aire por debajo: es el recorrido que necesita la última para acabar de
       montarse antes de que la sección se vaya.
       ⚠️ Bajado de 14vh a 4vh: con 14 quedaba un vacío enorme entre la última
       tarjeta y «The nights», y ese hueco no lo pedía nada — la última tarjeta
       ya se ha montado del todo mucho antes. */
    padding-bottom:4vh;
  }
  .escena-marco{
    position:sticky;
    aspect-ratio:4/5;
    height:auto;
    border-radius:16px;
    /* La sombra va hacia ARRIBA: es la que separa cada tarjeta de la que tiene
       debajo, y es lo único que hace que se lean como cartas y no como un
       recorte. */
    box-shadow:0 -10px 34px rgba(0,0,0,.6), 0 2px 0 rgba(237,231,220,.08);
    /* El margen es el recorrido de scroll entre una tarjeta y la siguiente:
       7vh basta para verlas montarse sin que sobre pantalla vacía. */
    margin-bottom:7vh;
  }
  .escena-marco:nth-child(1){top:9vh}
  .escena-marco:nth-child(2){top:calc(9vh + 14px)}
  .escena-marco:nth-child(3){top:calc(9vh + 28px)}
  .escena-marco:last-child{margin-bottom:0}
  /* La foto llena la tarjeta redondeada sin desbordar la esquina. */
  .escena-marco img{border-radius:inherit}
}

/* Pantallas muy bajas (un teléfono apaisado): con 4/5 la tarjeta no cabe y no
   habría recorrido para verlas montarse. Se achatan. */
@media (max-width:900px) and (max-height:560px){
  .escena-marco{aspect-ratio:16/10}
  .escena-media{padding-bottom:8vh}
  .escena-marco{margin-bottom:7vh}
}

/* ═══ PIE ══════════════════════════════════════════════════════════════════ */
footer{padding-block:4rem 3rem;border-top:1px solid var(--borde)}
footer .fila{display:flex;gap:2.5rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}

/* ── EL PIE EN MÓVIL ───────────────────────────────────────────────────────
   (Carlos, 2026-08-26: «eso que dice the house abajo del logo, como lo demás».)

   `flex-wrap` dejaba al logo y a «The house» compartiendo la primera línea
   —el logo es estrecho y cabían los dos— mientras Contact y Hours sí bajaban.
   Resultado: una columna suelta a la derecha del logo y dos debajo, sin que
   nada explicara la diferencia. En columna, los cuatro bloques se leen igual. */
@media (max-width:700px){
  footer .fila{flex-direction:column;gap:2.2rem}
  footer .fila > *{width:100%}
  footer .logo{width:clamp(150px,46vw,200px)}
}
footer .logo{width:clamp(160px,18vw,240px);color:var(--hueso)}
footer .lema{margin-top:1rem;font-size:1rem;letter-spacing:.42em;text-transform:uppercase;color:var(--oro);padding-left:.42em}
footer h3{font-size:1rem;letter-spacing:.26em;color:var(--oro);font-weight:500;margin-bottom:1rem}
footer li{list-style:none;font-size:1rem;margin-bottom:.5rem}
footer ul{padding:0;margin:0}
footer .legal{
  margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid var(--borde);
  display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  font-size:1rem;letter-spacing:.14em;color:var(--humo);
}

/* ── Estados de entrada ───────────────────────────────────────────────────── */
[data-revela]{opacity:0;transform:translateY(30px);will-change:transform,opacity}
.no-js [data-revela]{opacity:1;transform:none}
.no-js #intro{display:none}

@media (prefers-reduced-motion:reduce){
  [data-revela]{opacity:1!important;transform:none!important}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Sin palabras viudas: la última pareja no se separa nunca */
.plomo,.trago p,.noche p,#reserva p{text-wrap:pretty}

/* ═══ BANNER DE PÁGINA INTERIOR ═════════════════════════════════════════════
   Igual que el hero de la portada: MEDIA PURA, sin una palabra encima. Carlos
   lo pidió el 19 ago — los tres banners llevaban rótulo, titular y plomo y
   tapaban la foto justo donde mejor estaba.
   ⚠️ El h1 de la página NO se perdió: pasó a la primera sección, que es donde
   la página empieza a hablar. Lo emite montar-paginas.py como h1 en vez de h2.
   ═══════════════════════════════════════════════════════════════════════════ */
.banner{position:relative;height:100svh;min-height:560px;overflow:hidden;isolation:isolate}
.banner .foto{position:absolute;inset:0;z-index:0}
/* Sin texto encima se acabó el brightness(.58): aquella bajada de luz existía
   para que el plomo llegase al contraste mínimo. Ahora la foto se ve entera. */
.banner .foto img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}
/* Viñeteado leve, el mismo lenguaje del hero: cierra bordes, protege la
   cabecera arriba y entrega la página abajo. La foto no se lava. */
.banner .velo{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(130% 100% at 60% 45%,transparent 42%,rgb(11 15 20 / .5) 100%),
    linear-gradient(to bottom,rgb(11 15 20 / .52) 0%,transparent 18%),
    linear-gradient(to top,rgb(11 15 20 / .6) 0%,transparent 24%);
}
/* El aviso de bajar. En la portada arranca a 0 y lo enciende el guion tras la
   intro; aquí no hay intro, así que nace visible y sólo late. */
.banner .aviso{
  position:absolute;z-index:3;inset-block-end:2.2rem;inset-inline:0;
  display:flex;flex-direction:column;align-items:center;gap:.7rem;
  font-size:1rem;letter-spacing:.32em;text-transform:uppercase;color:var(--hueso);
  text-shadow:0 2px 14px rgb(11 15 20 / .95);
}
.banner .aviso i{display:block;width:1px;height:44px;background:linear-gradient(var(--oro-alto),transparent);animation:caer 2.4s infinite}

/* ── En construcción ─────────────────────────────────────────────────────── */
.obras{padding-block:clamp(4rem,10vh,8rem)}
.obras .caja{
  max-width:58ch;padding:clamp(2rem,4vw,3.2rem);
  border:1px solid var(--borde);background:rgb(11 15 20 / .35);
}
.obras h2{font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:.06em}
.obras p{margin:1.3rem 0 0;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.7}
.obras .volver{
  display:inline-flex;align-items:center;gap:.7rem;margin-top:2.2rem;
  font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);
  border-bottom:1px solid rgb(192 153 49 / .45);padding-bottom:.35rem;
  transition:color .3s,border-color .3s;
}
.obras .volver:hover{color:var(--hueso);border-color:var(--hueso)}

/* ═══ BLOQUES DE PÁGINA INTERIOR ════════════════════════════════════════════
   Piezas que sólo usan Playa del Carmen, About us y Events. Todas heredan el
   lenguaje de la portada: rótulo con latido, titular fino en caja alta, raya
   que se traza y el acento apareciendo poco.
   ═══════════════════════════════════════════════════════════════════════════ */
/* Apretado a propósito: con el aire de antes la página se hacía larguísima
   para lo que cuenta. */
.pagina{padding-block:clamp(2.2rem,4.5vh,3.6rem)}
.pagina + .pagina{padding-top:0}
.pagina .encabezado{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,5rem);align-items:end;
}
@media (max-width:900px){.pagina .encabezado{grid-template-columns:1fr;gap:1.6rem}}
.pagina .encabezado h2{margin-top:1.2rem}
.pagina .encabezado .plomo{margin:0}

/* ── Pasos numerados ─────────────────────────────────────────────────────── */
.pasos-lista{
  margin:0;padding:0;list-style:none;display:grid;gap:0;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.pasos-lista li{
  padding:clamp(1.6rem,3vw,2.4rem) clamp(1.4rem,2.4vw,2rem);
  border-top:1px solid var(--borde);position:relative;
}
.pasos-lista li + li{border-left:1px solid var(--borde)}
@media (max-width:760px){.pasos-lista li + li{border-left:0}}
.pasos-lista b{
  display:block;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:200;
  color:var(--oro-alto);line-height:1;
}
.pasos-lista h3{
  margin:1.1rem 0 0;font-size:clamp(1rem,1.1vw,1.05rem);font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--hueso);
}
.pasos-lista p{margin:.9rem 0 0;font-size:1rem;line-height:1.65}

/* ── Lo que somos / lo que no ────────────────────────────────────────────── */
.contraste{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,4vw,4rem)}
.contraste > div{padding-top:1.6rem;border-top:1px solid var(--borde)}
.contraste h3{
  font-size:clamp(1rem,1.1vw,1.05rem);font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;color:var(--acento);
}
.contraste.no h3{color:var(--humo)}
.contraste ul{margin:1.4rem 0 0;padding:0;list-style:none;display:grid;gap:1rem}
.contraste li{
  font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.6;padding-left:1.6rem;position:relative;
}
.contraste li::before{
  content:'';position:absolute;inset-inline-start:0;inset-block-start:.62em;
  width:.55rem;height:1px;background:var(--acento);
}
.contraste.no li::before{background:var(--humo)}

/* ── Fichas con foto ─────────────────────────────────────────────────────── */
.fichas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.4rem,2.5vw,2.2rem)}
.fichas article{display:flex;flex-direction:column;background:rgb(11 15 20 / .32);border:1px solid var(--borde)}
.fichas figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--negro-3)}
.fichas figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.fichas article:hover figure img{transform:scale(1.05)}
.fichas .cuerpo{padding:clamp(1.4rem,2.4vw,2rem);display:flex;flex-direction:column;gap:.9rem;flex:1}
.fichas .dia{
  margin:0;font-size:1rem;letter-spacing:.26em;text-transform:uppercase;color:var(--oro-alto);
}
.fichas h3{margin:0;font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:300;letter-spacing:.06em;text-transform:uppercase}
.fichas p{margin:0;font-size:1rem;line-height:1.65}
.fichas .hora{
  margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--borde);
  font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--humo);
}
/* En móvil las fichas NO se apilan: carrusel con enganche y la vecina
   asomando, para no alargar el scroll con cuatro tarjetas en fila india. */
@media (max-width:760px){
  .fichas{
    display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:1.25rem;
    margin-inline:calc(50% - 50vw);padding-inline:1.25rem;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .fichas::-webkit-scrollbar{display:none}
  .fichas article{flex:0 0 min(78%,320px);scroll-snap-align:start}
}

/* ── Cita a lo ancho ─────────────────────────────────────────────────────── */
.cita-ancha{
  margin:0;padding:clamp(2.4rem,5vw,4rem) 0;
  border-block:1px solid var(--borde);text-align:center;
}
.cita-ancha p{
  margin:0 auto;max-width:34ch;color:var(--hueso);font-weight:200;
  font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.25;letter-spacing:.03em;
}
.cita-ancha cite{
  display:block;margin-top:1.6rem;font-style:normal;font-size:1rem;
  letter-spacing:.26em;text-transform:uppercase;color:var(--acento);
}

/* ── Cierre con llamada ──────────────────────────────────────────────────── */
.cierre{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(4rem,10vh,7rem);text-align:center}
.cierre .fondo{position:absolute;inset:0;z-index:-1}
.cierre .fondo img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
.cierre::after{content:'';position:absolute;inset:0;z-index:-1;background:rgb(11 15 20 / .45)}
.cierre h2{margin:0 auto}
.cierre p{margin:1.4rem auto 0;max-width:46ch;color:var(--hueso)}
.cierre .boton{margin-top:2.4rem}

/* ── Datos en fila ───────────────────────────────────────────────────────── */
.fila-datos{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:clamp(1.6rem,3vw,2.6rem);
}
.fila-datos > div{padding-top:1.4rem;border-top:1px solid var(--borde)}
.fila-datos h3{
  font-size:1rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--acento);
}
.fila-datos p{margin:.9rem 0 0;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.6;color:var(--hueso)}
.fila-datos small{display:block;margin-top:.5rem;font-size:1rem;color:var(--humo);letter-spacing:.04em}

/* ═══ MITADES ═══════════════════════════════════════════════════════════════
   Foto a un lado, texto al otro, alternando el lado en cada bloque. Sólo para
   páginas interiores: para ABRIR una página se usa media al 100 %, nunca esto.
   La foto va a sangre por su lado, así que el bloque no parece una tarjeta.
   ═══════════════════════════════════════════════════════════════════════════ */
.mitades{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;gap:clamp(1.6rem,3.5vw,3.5rem);
}
.mitades .media{position:relative;overflow:hidden;aspect-ratio:5/4;background:var(--negro-3)}
.mitades .media img{width:100%;height:100%;object-fit:cover}
.mitades .texto{padding-block:0}
.mitades .texto h3{
  margin:1.1rem 0 0;color:var(--hueso);font-weight:200;line-height:1.08;
  font-size:clamp(1.5rem,3.2vw,2.6rem);text-transform:uppercase;letter-spacing:.04em;
}
.mitades .texto p{margin:1.4rem 0 0;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.7}
.mitades .texto .dato{
  margin-top:1.8rem;padding-top:1.3rem;border-top:1px solid var(--borde);
  font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-alto);
}
/* El bloque impar invierte el orden: la foto pasa al otro lado */
.mitades.invertida .media{order:2}

/* A sangre por el borde exterior: la foto llega hasta el canto de la pantalla */
.mitades .media{margin-inline-start:calc((100vw - min(100% - 2.5rem, 1320px)) / -2 + 0px)}
.mitades:not(.invertida) .media{
  margin-inline-start:calc(-1 * max(0px, (100vw - min(100vw - 2.5rem, 1320px)) / 2));
}
.mitades.invertida .media{
  margin-inline-start:0;
  margin-inline-end:calc(-1 * max(0px, (100vw - min(100vw - 2.5rem, 1320px)) / 2));
}

@media (max-width:900px){
  .mitades{grid-template-columns:1fr;gap:1.6rem}
  .mitades.invertida .media{order:0}
  .mitades .media{aspect-ratio:16/10;margin-inline:calc(50% - 50vw) !important}
  .mitades .texto{padding-block:0}
}

/* ═══ AGENDA — el mes y la lista ════════════════════════════════════════════
   La página de Events deja de enseñar cuatro fichas sueltas y pasa a un
   calendario que se puede leer también como lista. Es el mismo dato en dos
   formas, no dos contenidos distintos.

   El calendario NO es una tabla de datos: es un selector. Por eso cada día
   abierto es un <button> y no una celda de <table> — se pulsa, y lo que
   cambia es la ficha de al lado.
   ═══════════════════════════════════════════════════════════════════════════ */
.agenda{margin-top:clamp(2rem,4vw,3.2rem)}

/* ── La barra: meses a la izquierda, las dos vistas a la derecha ─────────── */
.agenda-barra{
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  flex-wrap:wrap;padding-bottom:1.4rem;border-bottom:1px solid var(--borde);
}
.agenda-mes{display:flex;align-items:center;gap:1.2rem}
.agenda-mes[hidden]{display:none}
.agenda-mes p{
  margin:0;min-width:11ch;text-align:center;
  font-size:clamp(1rem,1.35vw,1.24rem);letter-spacing:.16em;
  text-transform:uppercase;color:var(--hueso);
}
.agenda-mes button{
  display:grid;place-items:center;width:40px;height:40px;
  border:1px solid var(--borde);border-radius:var(--pill);background:transparent;
  color:var(--oro-alto);cursor:pointer;transition:color .3s,border-color .3s,background .3s;
}
.agenda-mes button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.agenda-mes button:hover:not(:disabled){color:var(--hueso);border-color:var(--hueso)}
/* Apagada, no escondida: que se vea que no hay mes anterior es información. */
.agenda-mes button:disabled{opacity:.28;cursor:default}

/* Las dos vistas: una pastilla con la activa en oro. Redondeo pill porque se
   toca, que es la regla de la página. */
.agenda-vistas{
  display:flex;gap:.3rem;padding:.3rem;
  border:1px solid var(--borde);border-radius:var(--pill);background:rgb(11 15 20 / .5);
}
.agenda-vistas button{
  padding:.62rem 1.5rem;border:0;border-radius:var(--pill);background:transparent;
  font:inherit;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--humo);cursor:pointer;transition:color .3s,background .3s;
}
.agenda-vistas button:hover{color:var(--hueso)}
.agenda-vistas button[aria-pressed="true"]{background:var(--oro);color:var(--negro)}

/* ── El cuerpo: panel a la izquierda, ficha a la derecha ─────────────────── */
.agenda-cuerpo{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);
  gap:clamp(1.6rem,3vw,3rem);margin-top:clamp(1.6rem,3vw,2.6rem);align-items:start;
}
@media (max-width:940px){.agenda-cuerpo{grid-template-columns:1fr}}

/* ── El mes ─────────────────────────────────────────────────────────────── */
.agenda-semana,.agenda-rejilla{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}
.agenda-semana{margin-bottom:.6rem}
.agenda-semana span{
  padding:.4rem 0;text-align:center;font-size:1rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--humo);
}
.agenda-rejilla .hueco{display:block}
.celda{
  display:flex;flex-direction:column;gap:.35rem;min-height:5.6rem;padding:.7rem .6rem;
  border:1px solid transparent;border-radius:var(--redondo);
  background:rgb(27 34 43 / .38);text-align:left;font:inherit;color:var(--humo);
}
.celda b{font-size:1.05rem;font-weight:400;letter-spacing:.04em;line-height:1}
/* Los días cerrados no se apagan del todo: el mes tiene que leerse entero. */
.celda.sin{background:rgb(27 34 43 / .16)}
.celda.pasado{opacity:.32}
.celda.abierta{
  cursor:pointer;color:var(--hueso);border-color:var(--borde);
  background:rgb(27 34 43 / .6);transition:border-color .3s,background .3s,color .3s;
}
.celda.abierta span{
  font-size:1rem;line-height:1.25;color:var(--oro-alto);
  /* El nombre de la noche cabe en dos líneas y no empuja la celda: si una
     noche se llamase más largo, se corta antes que descuadrar el mes. */
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* La noche ya pasada conserva su nombre, apagado y en gris: sin él la mitad
   de arriba del mes queda vacía y parece que la casa abrió ayer. */
.celda.cerrada span{
  font-size:1rem;line-height:1.25;color:var(--humo);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.celda.abierta:hover{border-color:var(--oro);background:rgb(192 153 49 / .1)}
.celda.abierta.activa{background:var(--rojo);border-color:var(--rojo);color:var(--hueso)}
.celda.abierta.activa span{color:var(--hueso)}
/* Hoy lleva un punto, no un color: el color ya significa «elegida». */
.celda.es-hoy b::after{
  content:'';display:inline-block;width:5px;height:5px;margin-left:.4rem;
  vertical-align:middle;border-radius:50%;background:var(--oro-alto);
}
.celda.abierta.activa.es-hoy b::after{background:var(--hueso)}

/* ── El mes en móvil ─────────────────────────────────────────────────────
   Siete columnas en 430 px son 55 px por día: no cabe el nombre de la noche
   ni con dos líneas. Se marca con un punto y el nombre lo cuenta la ficha,
   que en móvil queda justo debajo — que es adonde lleva el toque.
   ⚠️ Medido: con gap .4rem y padding .5rem la rejilla se salía por la derecha
   y el domingo quedaba cortado. Los números van CENTRADOS por lo mismo.
   ──────────────────────────────────────────────────────────────────────── */
@media (max-width:640px){
  .agenda-semana,.agenda-rejilla{gap:.25rem}
  .celda{min-height:3.4rem;padding:.45rem .2rem;align-items:center;justify-content:center;gap:.3rem}
  .celda b{font-size:1rem}
  /* ⚠️ Con `.celda span` no basta: `.celda.abierta span` de arriba pesa más
     y le devuelve el display. Hay que nombrar las dos. */
  .celda.abierta span,.celda.cerrada span{display:none}
  /* El punto sólo en las noches que quedan por delante: en una pasada no
     señala nada y ensucia el mes. */
  .celda.abierta::after{
    content:'';width:6px;height:6px;border-radius:50%;background:var(--oro);
  }
  /* Hoy ya no necesita su punto propio: aquí toda noche abierta lleva uno y
     salían dos en la misma celda. */
  .celda.es-hoy b::after{display:none}
  .celda.abierta.activa::after{background:var(--hueso)}
  .agenda-semana span{padding:.3rem 0;letter-spacing:0;font-size:.9rem}
  /* La ficha entra en cuanto se toca un día: si se queda arriba, el toque no
     parece hacer nada. */
  .agenda-ficha{margin-top:1.4rem}
}

/* ── La ficha ───────────────────────────────────────────────────────────── */
.agenda-ficha{
  position:sticky;top:6.5rem;
  border:1px solid var(--borde);border-radius:var(--redondo);overflow:hidden;
  background:rgb(11 15 20 / .55);
}
.agenda-ficha[hidden]{display:none}
/* ⚠️ La foto va A 16/9 Y CON TOPE DE ALTO. Con 5/4 y sin tope, su altura la
   marcaba el ANCHO de la tarjeta: en una pantalla ancha la ficha se estiraba
   mientras el calendario se quedaba igual, y acababa sobresaliendo por abajo.
   Carlos lo paró el 19 ago: «el card del evento es muy alto». */
.agenda-ficha figure{position:relative;margin:0;aspect-ratio:16/9;max-height:196px;overflow:hidden}
/* El sello va SOBRE la foto, no en la columna de texto: con la fecha larga se
   caía a una línea propia y se comía los 35 px que acababa de ahorrar. Aquí no
   cuesta alto ninguno. */
.agenda-ficha .sello{
  position:absolute;top:.7rem;left:.7rem;
  background:rgb(11 15 20 / .82);backdrop-filter:blur(6px);
}
.agenda-ficha .sello.especial{background:rgb(205 49 27 / .9);border-color:transparent}
.agenda-ficha img{width:100%;height:100%;object-fit:cover;filter:saturate(1.06)}
.agenda-ficha .cuerpo{padding:1.15rem}
/* La fecha y el sello comparten línea: en dos líneas costaban 35 px de alto
   para no decir nada más. */
.agenda-ficha .dia{
  margin:0;font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--oro-alto);
}
.agenda-ficha h3{
  margin:.5rem 0 0;font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:200;
  letter-spacing:.03em;color:var(--hueso);line-height:1.15;
}
/* La hora pasa a colgar del nombre. Antes iba abajo, separada por una raya y
   dos rellenos: 40 px para un dato de tres palabras. */
.agenda-ficha .hora{
  margin:.35rem 0 0;padding:0;border:0;
  font-size:1rem;letter-spacing:.16em;color:var(--humo);
}
/* La bajada se corta en tres líneas: es un adelanto, no el texto entero. El
   resto se lee en la lista. */
.agenda-ficha .bajada{
  margin:.75rem 0 0;line-height:1.55;text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.agenda-ficha .boton{margin-top:1rem;width:100%;justify-content:center}
.agenda-ficha .vacio{margin:0;padding:2.4rem;text-align:center;color:var(--humo)}
@media (max-width:940px){.agenda-ficha{position:static}}

/* ── La lista ───────────────────────────────────────────────────────────── */
.agenda-lista[hidden]{display:none}
.agenda-lista .rotulo-lista{
  margin:0 0 1.4rem;font-size:1rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--oro-alto);
}
.agenda-lista .fila{
  display:grid;grid-template-columns:5.5rem 4.5rem minmax(0,1fr) auto;
  gap:clamp(1rem,2vw,2rem);align-items:center;
  padding:1.1rem 0;border-top:1px solid var(--borde);
}
.agenda-lista .fila:last-child{border-bottom:1px solid var(--borde)}
.agenda-lista .fila figure{margin:0;width:5.5rem;aspect-ratio:1;overflow:hidden;border-radius:var(--redondo)}
.agenda-lista .fila img{width:100%;height:100%;object-fit:cover}
.agenda-lista .cuando{text-align:center;color:var(--hueso)}
.agenda-lista .cuando b{display:block;font-size:2rem;font-weight:200;line-height:1}
.agenda-lista .cuando span{
  display:block;margin-top:.2rem;font-size:1rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--humo);
}
.agenda-lista .que .dia{margin:0;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--humo)}
.agenda-lista .que h3{margin:.4rem 0 0;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:200;color:var(--hueso)}
.agenda-lista .que p:not(.dia){margin:.5rem 0 0;line-height:1.65;max-width:56ch;text-wrap:pretty}
.agenda-lista .cierra{text-align:right;white-space:nowrap}
.agenda-lista .hora{margin:0;font-size:1rem;letter-spacing:.18em;color:var(--humo)}
.agenda-lista .cierra .ir{
  margin-top:.6rem;border:0;background:transparent;font:inherit;cursor:pointer;
  font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-alto);
  border-bottom:1px solid rgb(192 153 49 / .45);padding-bottom:.3rem;
  transition:color .3s,border-color .3s;
}
.agenda-lista .cierra .ir:hover{color:var(--hueso);border-color:var(--hueso)}
/* Esta noche se marca en rojo por el canto: es la única fila que es «ahora». */
/* Igual que arriba: una raya es una raya. Con border-left es un borde de
   verdad, mide lo que dice y no depende de cómo el navegador recorte nada. */
.agenda-lista .fila.es-hoy{border-left:3px solid var(--rojo);padding-left:1.1rem}

@media (max-width:820px){
  /* La foto y la fecha se juntan arriba y el texto baja: en cuatro columnas
     la descripción se quedaba en dos palabras por línea. */
  .agenda-lista .fila{grid-template-columns:4.5rem 4rem minmax(0,1fr);gap:1rem 1.1rem}
  .agenda-lista .fila figure{width:4.5rem}
  .agenda-lista .cierra{grid-column:1 / -1;text-align:left;display:flex;
    align-items:center;justify-content:space-between;gap:1rem}
  .agenda-lista .cierra .ir{margin-top:0}
}

/* En lista la ficha no pinta nada, así que el panel se queda con el ancho
   entero: si no, la mitad derecha se queda en blanco y parece un fallo. */
.agenda[data-vista="lista"] .agenda-cuerpo{grid-template-columns:1fr}
.agenda[data-vista="lista"] .agenda-lista .fila figure{width:6.5rem}
.agenda[data-vista="lista"] .agenda-lista .fila{grid-template-columns:6.5rem 4.5rem minmax(0,1fr) auto}
@media (max-width:820px){
  .agenda[data-vista="lista"] .agenda-lista .fila{grid-template-columns:4.5rem 4rem minmax(0,1fr)}
  .agenda[data-vista="lista"] .agenda-lista .fila figure{width:4.5rem}
}

/* ── La lista en móvil ───────────────────────────────────────────────────
   A 430 px, tres columnas dejaban la descripción en cuatro palabras por
   línea. Se rompe en tres filas: la foto con la fecha al lado arriba, el
   texto a lo ancho debajo y la hora con el botón cerrando.
   ──────────────────────────────────────────────────────────────────────── */
@media (max-width:640px){
  .agenda-lista .fila,
  .agenda[data-vista="lista"] .agenda-lista .fila{
    grid-template-columns:4.5rem minmax(0,1fr);
    grid-template-areas:"foto cuando" "que que" "cierra cierra";
    gap:.9rem 1.1rem;padding:1.4rem 0;
  }
  .agenda-lista .fila figure,
  .agenda[data-vista="lista"] .agenda-lista .fila figure{grid-area:foto;width:4.5rem}
  .agenda-lista .cuando{grid-area:cuando;display:flex;align-items:baseline;gap:.6rem;text-align:left}
  .agenda-lista .cuando b{font-size:2.4rem}
  .agenda-lista .cuando span{margin-top:0}
  .agenda-lista .que{grid-area:que}
  .agenda-lista .cierra{grid-area:cierra}
  .agenda-lista .fila.es-hoy{padding-left:.9rem}
}

/* ── El cartel dentro de la agenda ───────────────────────────────────────
   Una noche EN CARTEL —invitado o especial— es la que tiene nombre propio;
   el resto son residencias y se repiten cada semana. La diferencia tiene que
   verse de un vistazo, sin leer.
   ──────────────────────────────────────────────────────────────────────── */
/* Las residencias bajan de tono: si todo el mes está en oro, el cartel no
   destaca de nada. El oro se reserva para lo que tiene nombre. */
.celda.abierta span{color:rgb(237 231 220 / .74)}
/* ⛔ LEY DE CARLOS (19 ago): NADA de sombras interiores desplazadas para
   marcar un elemento. Aquí había `box-shadow:inset 2px 0 0` y, al tener la
   celda esquinas redondeadas, el navegador CURVA esa sombra: en vez de una
   barra recta a la izquierda pintaba un arco que rodeaba la tarjeta y se
   adelgazaba hacia la derecha. No se distinguía de un fallo de render.
   Una noche en cartel se marca con RELLENO y COLOR DE TEXTO, que no se
   confunden con nada. */
.celda.abierta.en-cartel{background:rgb(192 153 49 / .13)}
.celda.abierta.en-cartel span{color:var(--oro-alto)}
.celda.abierta.activa.en-cartel{background:var(--rojo)}
.celda.cerrada.en-cartel span{color:rgb(224 192 106 / .8)}

/* El sello, con letras, donde hay sitio: ficha y lista. */
.sello{
  display:inline-block;padding:.22rem .7rem;border-radius:var(--pill);
  font-style:normal;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid var(--borde);color:var(--oro-alto);line-height:1.3;
}
.sello.invitado{background:rgb(192 153 49 / .16);border-color:rgb(192 153 49 / .5)}
.sello.especial{background:rgb(205 49 27 / .18);border-color:rgb(205 49 27 / .55);color:var(--hueso)}

/* En la lista el sello va pegado a la fecha, en la misma línea. */
.agenda-lista .que .dia{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.agenda-lista .fila.en-cartel h3{color:var(--oro-alto)}