/* Tema de toda la web (29-09-2026): la paleta del boton "Estilos" y la tipografia nueva.
 *
 * 30-09-2026 (pedido del founder): una sola paleta, la ORIGINAL de LOGIN (negro y verde), con
 * todo el diseño nuevo. _LayoutTicketera pinta siempre <html data-paleta="original">; las demas
 * paletas quedan definidas abajo pero ya no se ofrecen (Utilities/PaletasRestaurantes).
 *
 * 1. Tokens --t-* por paleta.
 * 2. Se los pasa a las variables que ya usaban las paginas (--lgx-* de la portada,
 *    --bs-* de Metronic), asi cada vista cambia de color sin tocarla.
 * 3. Tipografia: titulos en Outfit (geometrica, como la marca; antes Playfair Display), texto en Inter.
 * 4. Portada minimalista: sin cajas con borde ni pildoras; lineas finas entre secciones,
 *    fotos con esquinas apenas redondeadas y textos como enlaces.
 */

/* ---------- 1. Tokens ---------- */
/* La original de LOGIN: los mismos valores que usaban las vistas antes del tema. */
/* 30-09 noche: negro grisaceo mate, lineas blancas y doradas, verde musgo y mostaza (pedido del founder). */
html[data-paleta="original"]{
  /* 18-10-2026: negro no puro y gris carbon de fondos (antes #1a1b1d).
     23-10-2026 (founder): vuelve el verde oscuro de siempre (el lima #b5e61d no queda) y
     el naranja queda solo para lo urgente (comprar, reservar, contactar: --t-urgente); fechas y
     detalles vuelven a verde (founder: "quedo con demasiado naranja, la fecha y hora siga verde"). */
  --t-fondo:#121314; --t-panel:#1d1e21; --t-panel2:#26272b; --t-linea:rgba(236,233,226,.12);
  --t-texto:#efeee9; --t-suave:#9a9993; --t-accion:#00a261; --t-accion2:#3ee89b; --t-sobre-accion:#03150d;
  --t-cabecera:#121314; --t-velo:18,19,20;
  --t-oro:#b8975a; --t-mostaza:#3ee89b; --t-urgente:#f28c38; --t-sobre-urgente:#1a0c02;
}
html[data-paleta="esmeralda"]{
  --t-fondo:#0c241f; --t-panel:#11302a; --t-panel2:#163a33; --t-linea:#24433b;
  --t-texto:#f4eee2; --t-suave:#b7c0b0; --t-accion:#c9a45c; --t-accion2:#e3c98f; --t-sobre-accion:#1a1407;
  --t-cabecera:#091c18; --t-velo:9,28,24;
}
html[data-paleta="arena"]{
  --t-fondo:#f6efe3; --t-panel:#fffaf1; --t-panel2:#efe5d4; --t-linea:#e2d6c1;
  --t-texto:#123447; --t-suave:#5d7382; --t-accion:#0a8f8a; --t-accion2:#0a8f8a; --t-sobre-accion:#ffffff;
  --t-cabecera:#123447; --t-velo:18,52,71;
}
html[data-paleta="laguna"]{
  --t-fondo:#0f2f35; --t-panel:#143a41; --t-panel2:#18454d; --t-linea:#23525a;
  --t-texto:#f1f7f5; --t-suave:#9dbdbb; --t-accion:#2ec4b6; --t-accion2:#7ee8dc; --t-sobre-accion:#062b2a;
  --t-cabecera:#0b262b; --t-velo:11,38,43;
}
html[data-paleta="atardecer"]{
  --t-fondo:#15243c; --t-panel:#1b2e4b; --t-panel2:#213859; --t-linea:#2a4364;
  --t-texto:#f6f1e9; --t-suave:#a9b5c7; --t-accion:#ff8a5c; --t-accion2:#ffb391; --t-sobre-accion:#2a1206;
  --t-cabecera:#101c30; --t-velo:16,28,48;
}

/* ---------- 2. Variables de las paginas ---------- */
html[data-paleta]{
  --t-display:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-cuerpo:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  /* portada (Views/Home/Index.cshtml) */
  --lgx-ink:var(--t-fondo); --lgx-panel:var(--t-panel); --lgx-panel-alto:var(--t-panel2);
  --lgx-text:var(--t-texto); --lgx-muted:var(--t-suave); --lgx-linea:var(--t-linea);
  --lgx-green:var(--t-accion); --lgx-display:var(--t-display);
  /* Metronic / Bootstrap */
  --bs-body-bg:var(--t-fondo); --bs-app-bg-color:var(--t-fondo); --bs-body-color:var(--t-texto);
  --bs-app-header-base-bg-color:var(--t-cabecera); --bs-app-footer-bg-color:var(--t-cabecera);
  --bs-border-color:var(--t-linea);
  --bs-success:var(--t-accion); --bs-primary:var(--t-accion);
}
html[data-paleta] body,
html[data-paleta] #kt_app_root,
html[data-paleta] #kt_app_page,
html[data-paleta] #kt_app_wrapper,
html[data-paleta] #kt_app_main{background:var(--t-fondo)!important;color:var(--t-texto)}
html[data-paleta] #kt_app_header{background:var(--t-cabecera)!important;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:none!important}
html[data-paleta] #kt_app_footer{background:var(--t-cabecera)!important}
html[data-paleta] ::selection{background:var(--t-accion);color:var(--t-sobre-accion)}

/* botones "verdes" de Metronic toman el color de accion de la paleta */
html[data-paleta] .btn.btn-success,html[data-paleta] .btn.btn-primary{
  background:var(--t-accion)!important;border-color:var(--t-accion)!important;color:var(--t-sobre-accion)!important}
html[data-paleta] .text-success,html[data-paleta] .text-primary{color:var(--t-accion)!important}

/* ---------- 3. Tipografia ---------- */
html[data-paleta] body{font-family:var(--t-cuerpo)}
html[data-paleta] :is(h1,h2,.lgx-titulo,.lgx-seccion-titulo,.lgx-ciudad,.lgx-bill-titulo,.lgx-ciu-titulo,.lgx-cta h2,.lgx-vacio h2,.lgx-globo-fijo-titulo){
  font-family:var(--t-display)!important;font-weight:600!important;letter-spacing:-.01em!important}

/* ---------- 4. Portada minimalista ---------- */
/* cabecera: la ciudad a la izquierda y el buscador al lado */
html[data-paleta] .lgx-portada{padding:40px 0 8px}
.lgx-portada-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 48px;flex-wrap:wrap}
.lgx-portada-ciudad{min-width:0}
html[data-paleta] .lgx-portada-intro{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--t-suave)}
html[data-paleta] .lgx-ciudad{margin:6px 0 0;border-bottom:0;padding:0;font-size:clamp(40px,7vw,72px);line-height:1;font-weight:500!important}
html[data-paleta] .lgx-ciudad::after{border-width:1.5px;opacity:.55;width:.28em;height:.28em}
html[data-paleta] .lgx-ciudad:hover{color:var(--t-accion)}

/* buscador: una linea, sin caja */
.lgx-portada-cab .lgx-chat{flex:1 1 340px;max-width:520px;margin:0 0 6px!important}
html[data-paleta] .lgx-chat-caja{min-height:48px;padding:0 0 0 2px;background:transparent;border:0;border-bottom:1px solid var(--t-linea);border-radius:0;box-shadow:none}
html[data-paleta] .lgx-chat-caja:focus-within{border-bottom-color:var(--t-accion)}
html[data-paleta] .lgx-chat-caja input{font-size:16px;color:var(--t-texto)}
html[data-paleta] .lgx-chat-caja input::placeholder{color:var(--t-suave)}
html[data-paleta] .lgx-chat-caja button{width:36px;height:36px;border-radius:0;background:transparent;color:var(--t-accion)}
html[data-paleta] .lgx-chat-caja button:hover{filter:none;color:var(--t-accion2)}
html[data-paleta] .lgx-chat-caja button.lgx-ocupado::after{border-color:color-mix(in srgb,var(--t-accion) 30%,transparent);border-top-color:var(--t-accion)}
/* sugerencias: texto, no pildoras */
html[data-paleta] .lgx-chat-chips{justify-content:flex-start;gap:4px 20px;margin-top:10px}
html[data-paleta] .lgx-chat-chips button{min-height:0;padding:2px 0;border:0;border-radius:0;background:none;color:var(--t-suave);font-size:13px;letter-spacing:.02em}
html[data-paleta] .lgx-chat-chips button:hover{color:var(--t-texto)}
html[data-paleta] .lgx-chat-chips button.active{background:none;color:var(--t-accion);box-shadow:inset 0 -1px 0 var(--t-accion)}

/* entradas de la red: una fila de enlaces con icono de trazo fino */
html[data-paleta] .lgx-entradas{display:flex;flex-wrap:wrap;gap:8px 36px;margin:30px 0 0;padding:18px 0 0;border-top:1px solid var(--t-linea)}
html[data-paleta] .lgx-entradas a{display:inline-flex;align-items:center;gap:10px;min-height:0;padding:4px 0;border:0;border-radius:0;background:none!important;transform:none!important;overflow:visible}
html[data-paleta] .lgx-entrada-icono{width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--t-accion)}
html[data-paleta] .lgx-entrada-icono svg{width:20px;height:20px;stroke-width:1.4}
html[data-paleta] .lgx-entrada-texto{display:flex;align-items:baseline;gap:8px}
html[data-paleta] .lgx-entrada-texto b{font-family:var(--t-cuerpo);font-weight:500;font-size:15px;letter-spacing:0}
html[data-paleta] .lgx-entrada-texto small{font-size:12.5px;color:var(--t-suave)}
html[data-paleta] .lgx-entradas a:hover .lgx-entrada-texto b{color:var(--t-accion)}
@media (max-width:719px){
  html[data-paleta] .lgx-portada{padding:26px 0 4px}
  html[data-paleta] .lgx-entradas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:22px}
  html[data-paleta] .lgx-entradas a{flex-direction:column;gap:6px;justify-content:center}
  html[data-paleta] .lgx-entrada-texto small{display:none}
  html[data-paleta] .lgx-entrada-texto b{font-size:12.5px}
  .lgx-portada-cab .lgx-chat{flex-basis:100%;max-width:none}
}

/* secciones: ritmo amplio y una linea fina arriba, en vez de cajas */
html[data-paleta] :is(.lgx-destfila,.lgx-dir,.lgx-globos,.lgx-aliados,.lgx-ig,.lgx-djs){padding-top:30px;border-top:1px solid var(--t-linea)}
html[data-paleta] .lgx-fila-titulo{align-items:flex-end;margin:0 0 20px}
html[data-paleta] :is(.lgx-titulo,.lgx-seccion-titulo){font-size:clamp(24px,2.6vw,32px);line-height:1.1}
html[data-paleta] .lgx-titulo-suave{font-family:var(--t-cuerpo);font-size:13px;color:var(--t-suave)}
html[data-paleta] .lgx-eyebrow{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--t-accion)}

/* flechas y "ver todo": texto y trazo, sin recuadro */
html[data-paleta] .lgx-fila-flechas{gap:2px}
html[data-paleta] .lgx-fila-flechas button{width:34px;height:34px;border:0;border-radius:0;background:none;color:var(--t-suave);font-size:24px}
html[data-paleta] .lgx-fila-flechas button:hover{color:var(--t-accion)}
html[data-paleta] :is(.lgx-ver-directorio,.lgx-ig-seguir,.lgx-limpiar-filtro){min-height:0;padding:4px 0;margin-right:14px;border:0;border-radius:0;background:none;color:var(--t-texto);font-size:13px;letter-spacing:.04em;box-shadow:inset 0 -1px 0 var(--t-linea)}
html[data-paleta] :is(.lgx-ver-directorio,.lgx-ig-seguir,.lgx-limpiar-filtro):hover{color:var(--t-accion);box-shadow:inset 0 -1px 0 var(--t-accion)}
html[data-paleta] :is(.lgx-boton-directorio,.lgx-mas button){min-height:0;margin-top:18px;padding:6px 0;border:0;border-radius:0;background:none;color:var(--t-texto);font-size:13px;letter-spacing:.06em;text-transform:uppercase;justify-content:flex-start}
html[data-paleta] .lgx-boton-directorio::after{content:"\2192";margin-left:10px;color:var(--t-accion)}
html[data-paleta] :is(.lgx-boton-directorio,.lgx-mas button):hover{color:var(--t-accion)}

/* tarjetas: la foto y el texto, sin marco ni fondo */
html[data-paleta] :is(.lgx-fila-item,.lgx-dir-item,.lgx-globos-pista .lgx-globo,.lgx-dj){background:none!important;border:0!important;border-radius:0!important;overflow:visible;transform:none!important}
html[data-paleta] .lgx-fila-item img,
html[data-paleta] .lgx-dj-sinfoto,
html[data-paleta] .lgx-fila-sinfoto,
html[data-paleta] .lgx-globo-foto,
html[data-paleta] .lgx-dir--lugares .lgx-dir-foto,
html[data-paleta] .lgx-dir-item img,
html[data-paleta] .lgx-dir-sinfoto{border-radius:4px!important}
html[data-paleta] :is(.lgx-fila-item-info,.lgx-dj-info,.lgx-globo-info){padding:10px 0 0!important;height:auto!important;grid-template-rows:auto!important}
html[data-paleta] .lgx-dir-item{padding:4px 0!important}
html[data-paleta] .lgx-dir--lugares .lgx-dir-item{padding:0 0 6px!important}
html[data-paleta] .lgx-dir--lugares .lgx-dir-info{padding:0!important}
html[data-paleta] :is(.lgx-fila-fecha,.lgx-dir-fecha,.lgx-globo-tipo){font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--t-accion)}
html[data-paleta] :is(.lgx-fila-nombre,.lgx-dir-nombre,.lgx-globo-nombre){font-weight:500;color:var(--t-texto)}
html[data-paleta] :is(.lgx-fila-item,.lgx-dir-item,.lgx-globo):hover :is(.lgx-fila-nombre,.lgx-dir-nombre,.lgx-globo-nombre){color:var(--t-accion)}
html[data-paleta] .lgx-fila-pista{gap:22px}
html[data-paleta] .lgx-dir-grid{gap:18px 22px!important}
html[data-paleta] .lgx-estrellas i.on,html[data-paleta] .lgx-bill-estrellas i.on{color:var(--t-accion)}
html[data-paleta] .lgx-estrellas,html[data-paleta] .lgx-bill-estrellas{color:color-mix(in srgb,var(--t-suave) 35%,transparent)}
html[data-paleta] .lgx-medalla{background:var(--t-accion);box-shadow:none}
/* sin foto: iniciales sobre el tono de la paleta, sin el verde viejo */
html[data-paleta] :is(.lgx-dj-sinfoto,.lgx-dir-sinfoto,.lgx-sinfoto-evento,.lgx-globo-foto:not(:has(img)),.lgx-globo-foto:empty,.lgx-aliado-sinfoto){background:var(--t-panel2)!important}
html[data-paleta] :is(.lgx-dj-sinfoto,.lgx-dir-sinfoto,.lgx-globo-foto:not(:has(img)))::after{color:color-mix(in srgb,var(--t-accion) 60%,transparent)}

/* restaurantes y experiencias: la tarjeta de portada queda como titulo con foto, sin pildoras */
html[data-paleta] .lgx-globo-fijo{border:0;border-radius:4px}
html[data-paleta] .lgx-globo-fijo-accion,html[data-paleta] .lgx-globo-fijo-pie{background:none!important;border:0!important;backdrop-filter:none;padding:0;border-radius:0;color:#fff;font-size:12px;letter-spacing:.06em;box-shadow:inset 0 -1px 0 rgba(255,255,255,.6)}
html[data-paleta] .lgx-globo-fijo:hover .lgx-globo-fijo-accion{color:var(--t-accion2);box-shadow:inset 0 -1px 0 var(--t-accion2)}

/* destacado grande: esquinas finas, velo del color de la paleta, accion como enlace */
html[data-paleta] .lgx-bill-link{border-radius:6px}
html[data-paleta] .lgx-bill-velo{background:linear-gradient(90deg,rgba(var(--t-velo),.95) 0%,rgba(var(--t-velo),.6) 45%,rgba(var(--t-velo),0) 78%)}
@media (max-width:859px){html[data-paleta] .lgx-bill-velo{background:linear-gradient(180deg,rgba(var(--t-velo),.05) 0%,rgba(var(--t-velo),.6) 32%,rgba(var(--t-velo),.97) 58%,rgb(var(--t-velo)) 100%)}}
html[data-paleta] .lgx-bill-ciudad{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--t-accion2)}
html[data-paleta] .lgx-bill-cta{min-height:0;padding:4px 0;border-radius:0;background:none;color:#fff;font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -1px 0 var(--t-accion2)}
html[data-paleta] .lgx-bill-cta::after{content:"\2192";margin-left:10px;color:var(--t-accion2)}
html[data-paleta] .lgx-bill-flecha{border:0;background:rgba(0,0,0,.25);width:40px;height:40px}
html[data-paleta] .lgx-bill-flecha:hover{background:var(--t-accion);color:var(--t-sobre-accion)}
html[data-paleta] .lgx-bill-puntos i.on{background:var(--t-accion2);width:14px}
html[data-paleta] .lgx-bill-asis{border:0;padding:0;background:none}

/* aliados, Instagram y avisos: sin marcos */
html[data-paleta] .lgx-aliado{border:0;border-radius:4px}
html[data-paleta] .lgx-ig-grid .instagram-media{border:0!important;border-radius:4px!important}
html[data-paleta] .lgx-vacio{border:0;border-top:1px solid var(--t-linea);border-radius:0;background:none}
html[data-paleta] .lgx-vacio-icono{background:none;color:var(--t-accion)}
html[data-paleta] .lgx-vacio-acciones :is(button,a){border:0;border-radius:0;background:none;padding:4px 0;margin:0 10px;box-shadow:inset 0 -1px 0 var(--t-linea)}
html[data-paleta] .lgx-vacio-acciones .lgx-vacio-principal{background:none;color:var(--t-accion);box-shadow:inset 0 -1px 0 var(--t-accion)}
html[data-paleta] .lgx-spin{border-color:color-mix(in srgb,var(--t-accion) 25%,transparent);border-top-color:var(--t-accion)}

/* invitacion final: tipografia grande sobre una linea, sin caja luminosa */
html[data-paleta] .lgx-cta{padding:48px 0;border:0;border-top:1px solid var(--t-linea);border-radius:0;background:none}
html[data-paleta] .lgx-cta::after{display:none}
html[data-paleta] .lgx-cta h2{color:var(--t-texto);font-size:clamp(30px,4vw,52px)}
html[data-paleta] .lgx-cta-pre{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--t-accion)}
html[data-paleta] .lgx-cta-boton{min-height:52px;padding:0 30px;border-radius:0;background:var(--t-accion);color:var(--t-sobre-accion);box-shadow:none;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
html[data-paleta] .lgx-cta-boton:hover{color:var(--t-sobre-accion);transform:none;background:var(--t-accion2)}

/* panel de ciudades */
html[data-paleta] #drawer_panel_ciudades{background:var(--t-fondo)}
html[data-paleta] :is(.lgx-ciu-todas,.lgx-ciu-tile){border:0;border-bottom:1px solid var(--t-linea);border-radius:0;background:none;padding:14px 2px}
html[data-paleta] :is(.lgx-ciu-todas,.lgx-ciu-tile):hover span{color:var(--t-accion)}
html[data-paleta] :is(.lgx-ciu-todas,.lgx-ciu-tile).lgx-ciu-actual{box-shadow:none;border-bottom-color:var(--t-accion)}
html[data-paleta] :is(.lgx-ciu-todas,.lgx-ciu-tile).lgx-ciu-actual span{color:var(--t-accion)}
html[data-paleta] :is(.lgx-ciu-todas,.lgx-ciu-tile) span{font-family:var(--t-display);font-weight:500}
html[data-paleta] .lgx-ciu-filtro{border:0;border-bottom:1px solid var(--t-linea);border-radius:0;background:none;padding:0 2px}
html[data-paleta] .lgx-ciu-cerrar{border:0;background:none}

@media (prefers-reduced-motion:reduce){html[data-paleta] *{transition:none!important}}

/* ---------- 5. Cabecera del sitio: los controles como texto e iconos, sin cajas ---------- */
html[data-paleta] #kt_app_header .lgx-nav-form{height:36px;padding:0 0 0 2px;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:none}
html[data-paleta] #kt_app_header .lgx-nav-form:focus-within{border-bottom-color:var(--t-accion2)}
html[data-paleta] #kt_app_header .lgx-nav-form input{color:#fff}
html[data-paleta] #kt_app_header .lgx-nav-form input::placeholder{color:rgba(255,255,255,.55)}
html[data-paleta] #kt_app_header :is(.lgx-nav-form button,.lgx-nav-campana){border:0;border-radius:0;background:none;color:rgba(255,255,255,.86)}
html[data-paleta] #kt_app_header :is(.lgx-nav-form button,.lgx-nav-campana):hover{background:none;color:var(--t-accion2)}
html[data-paleta] #kt_app_header .btn.btn-outline-success,
html[data-paleta] #kt_app_header .btn.btn-light-success{min-height:0;padding:6px 2px!important;border:0!important;border-radius:0!important;background:none!important;
  color:#fff!important;font-weight:500;font-size:13px;letter-spacing:.04em;box-shadow:inset 0 -1px 0 var(--t-accion2)!important}
html[data-paleta] #kt_app_header .btn.btn-light-success{margin-left:18px!important;box-shadow:none!important;color:rgba(255,255,255,.7)!important}
html[data-paleta] #kt_app_header .btn:is(.btn-outline-success,.btn-light-success):hover{color:var(--t-accion2)!important}
html[data-paleta] #kt_app_header .symbol img{border-radius:50%!important}

/* ---------- 6. Piezas compartidas del resto de la web ---------- */
/* directorios de DJs, venues y productores (grid_cards_usuarios.css): foto y nombre, sin marco */
html[data-paleta] .grid-responsive-usuario{gap:22px!important}
html[data-paleta] .grid-responsive-usuario > div{border:0!important;border-radius:4px!important}
html[data-paleta] .grid-responsive-usuario > div .fs-3{font-family:var(--t-display);font-weight:500!important;letter-spacing:0}
/* buscador de los directorios: una linea */
html[data-paleta] .sticky-busqueda .rounded.border{border:0!important;border-bottom:1px solid var(--t-linea)!important;border-radius:0!important;background:none!important}
html[data-paleta] .sticky-busqueda .rounded.border:focus-within{border-bottom-color:var(--t-accion)!important}
html[data-paleta] .sticky-busqueda{background:var(--t-fondo)}
/* filtros tipo chip: texto */
html[data-paleta] .chip{border:0;border-radius:0;padding:4px 0;margin:4px 14px 4px 0;color:var(--t-suave);background:none}
html[data-paleta] .chip.selected{background:none;color:var(--t-accion);box-shadow:inset 0 -1px 0 var(--t-accion)}
/* paginador */
html[data-paleta] .pagination .page-link{border:0!important;background:none!important;color:var(--t-suave)}
html[data-paleta] .pagination .page-item.active .page-link{background:none!important;color:var(--t-accion)!important;box-shadow:inset 0 -1px 0 var(--t-accion)}
/* tarjetas de Metronic: el panel de la paleta, sin sombra, borde fino */
html[data-paleta] .card:not([class*="bg-"]):not([style*="background"]){background-color:var(--t-panel)!important;border:1px solid var(--t-linea)!important;box-shadow:none!important;border-radius:6px}
html[data-paleta] .card.card-flush{background-color:transparent!important;border:0!important}
html[data-paleta] .modal-content{background-color:var(--t-fondo)!important;border:1px solid var(--t-linea);border-radius:6px}
html[data-paleta] .drawer{background-color:var(--t-fondo)!important}
html[data-paleta] .form-control,html[data-paleta] .form-select{background-color:transparent;border-color:var(--t-linea);color:var(--t-texto)}
html[data-paleta] .form-control:focus,html[data-paleta] .form-select:focus{border-color:var(--t-accion)}
/* textos grises de Metronic con el tono suave de la paleta */
html[data-paleta] :is(.text-gray-500,.text-gray-600,.text-muted){color:var(--t-suave)!important}
html[data-paleta] :is(.text-gray-800,.text-gray-900,.text-dark){color:var(--t-texto)!important}
/* sellos de ranking (DJ Mag, MICHELIN...): texto en versalitas, no pildora */
html[data-paleta] .lgx-rk__sello{border:0!important;border-radius:0!important;background:none!important;padding:0!important;
  font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--t-accion2)!important;text-shadow:0 1px 6px rgba(0,0,0,.6)}
/* pagina de eventos (Views/Home/Eventos.cshtml) */
html[data-paleta] .lgx-ev{color:var(--t-texto)}
html[data-paleta] :is(.lgx-ev-sub,.lgx-ev-lugar,.lgx-ev-vacio){color:var(--t-suave)}
html[data-paleta] .lgx-ev-ciudades{gap:4px 22px}
html[data-paleta] .lgx-ev-ciudades a{min-height:0;padding:6px 0;border:0;border-radius:0;background:none!important;color:var(--t-suave);font-size:14px}
html[data-paleta] .lgx-ev-ciudades a:hover{color:var(--t-texto)}
html[data-paleta] .lgx-ev-ciudades a.on{color:var(--t-accion)!important;box-shadow:inset 0 -1px 0 var(--t-accion)}
html[data-paleta] .lgx-ev-grid{gap:30px 22px!important}
html[data-paleta] .lgx-ev-card{background:none;border:0;border-radius:0;overflow:visible;color:var(--t-texto)}
html[data-paleta] .lgx-ev-card img,html[data-paleta] .lgx-ev-sinfoto{border-radius:4px;background:var(--t-panel2)}
html[data-paleta] .lgx-ev-info{padding:12px 0 0}
html[data-paleta] .lgx-ev-fecha{font-size:10.5px;letter-spacing:.14em;font-weight:600;color:var(--t-accion)}
html[data-paleta] .lgx-ev-nombre{font-weight:500}
html[data-paleta] .lgx-ev-card:hover .lgx-ev-nombre{color:var(--t-accion)}
/* tarjetas: sin borde; se separan por el tono, no por un marco */
html[data-paleta] .card:not([class*="bg-"]):not([style*="background"]){border:0!important}
html[data-paleta] .btn-tScustomButton{background:var(--t-panel2)!important;color:var(--t-texto)!important;border:0!important}

/* ---------- 7. Fichas de DJ, venue y productor (wwwroot/Land/Dj/Modelo1/ficha-v2.css) ---------- */
html[data-paleta]{
  --fx-bg:var(--t-fondo); --fx-bg2:var(--t-panel); --fx-bg3:var(--t-panel); --fx-bg4:var(--t-panel2);
  --fx-line:var(--t-linea); --fx-line2:var(--t-linea);
  --fx-gold:var(--t-accion); --fx-gold2:var(--t-accion2); --fx-gold-dim:color-mix(in srgb,var(--t-accion) 12%,transparent);
  --fx-t60:color-mix(in srgb,var(--t-texto) 62%,transparent); --fx-t40:color-mix(in srgb,var(--t-texto) 42%,transparent);
  --fx-t20:color-mix(in srgb,var(--t-texto) 20%,transparent); --fx-t08:color-mix(in srgb,var(--t-texto) 8%,transparent);
  --fx-h:var(--t-display); --accent:var(--t-accion); --accent-glow:color-mix(in srgb,var(--t-accion) 22%,transparent);
}
html[data-paleta] body.fx h1{font-weight:600!important;text-transform:none!important;letter-spacing:-.01em!important}
html[data-paleta] body.fx :is(h2,h3){font-weight:600!important;letter-spacing:0!important}
html[data-paleta] .fx-top .lgx-estilos{margin-left:auto}
html[data-paleta] .fx-top .lgx-estilos__boton{color:var(--t-texto)}
html[data-paleta] .fx-top .lgx-estilos + .fx-top-cta{margin-left:0}
/* en las fichas la serif es solo para titulos: botones y etiquetas en la letra de texto */
html[data-paleta] body.fx :is(button,.fx-top-cta,a[class*="btn"],[class*="-btn"],[class*="boton"],.fx-top-track b,.fx-top-track strong){font-family:var(--t-cuerpo)!important;font-weight:600}
/* Arena es clara: el logo blanco de la barra de las fichas se invierte */
html[data-paleta="arena"] .fx-top-logo img{filter:invert(1) brightness(.35)}

/* ---------- 8. Restaurantes (directorio y ficha): el mismo tono minimalista que la portada ---------- */
html[data-paleta] .lgr .lgr-buscar{height:46px;padding:0 0 0 2px;border:0!important;border-bottom:1px solid var(--linea)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html[data-paleta] .lgr .lgr-buscar:focus-within{border-bottom-color:var(--verde)!important}
html[data-paleta] .lgr .lgr-buscar button{height:auto;padding:4px 0;border-radius:0;background:none!important;color:var(--verde)!important;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
html[data-paleta] .lgr .lgr-chips{gap:4px 22px!important}
html[data-paleta] .lgr .lgr-chip{min-height:0;padding:6px 0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--suave)!important;font-weight:500}
html[data-paleta] .lgr .lgr-chip:hover{color:var(--texto)!important}
html[data-paleta] .lgr .lgr-chip[aria-current="true"]{color:var(--verde)!important;box-shadow:inset 0 -1px 0 var(--verde)!important}
html[data-paleta] .lgr :is(.lgr-tarjeta,.lgr-top li){padding:0 0 8px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
html[data-paleta] .lgr :is(.lgr-tarjeta,.lgr-top li) :is(img,.lgr-media){border-radius:4px!important}
html[data-paleta] .lgr :is(.lgr-tarjeta,.lgr-top li):hover :is(h2,h3){color:var(--verde)}
html[data-paleta] .lgr :is(.lgr-filtros,.lgr-tipos){border:0!important;background:var(--fondo)!important;box-shadow:none!important}
html[data-paleta] .lgr .lgr-top__puesto{border-radius:0!important;background:none!important;color:#fff!important;font-family:var(--t-display);font-size:15px!important;text-shadow:0 1px 8px rgba(0,0,0,.7)}
html[data-paleta] .lgr .lgr-foto{border-radius:4px!important}
html[data-paleta] .lgr .lgr-tipos{padding:0!important;gap:18px}
html[data-paleta] .lgr .lgr-tipos a{min-height:0;padding:6px 0!important;border-radius:0!important;background:none!important;color:var(--suave)!important}
html[data-paleta] .lgr .lgr-tipos a[aria-current="true"],html[data-paleta] .lgr .lgr-tipos a[aria-current="page"]{color:var(--verde)!important;box-shadow:inset 0 -1px 0 var(--verde)}
html[data-paleta] .lgr .lgr-paginas :is(a,span){min-width:36px;border:0!important;border-radius:0!important;background:none!important}
html[data-paleta] .lgr .lgr-btn{border-radius:2px!important}
html[data-paleta] .lgr .lgr-ig{border-radius:50%!important}
html[data-paleta] .lgr .lgr-sello{padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--verde)!important;font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase}

/* ---------- 9. Encabezado (29-09-2026): idioma junto al logo, "Instalar app" al centro ---------- */
#kt_app_header_container{position:relative}
.lgx-idioma-logo{display:flex;align-items:center;margin-left:14px}
.lgx-idioma-logo .app-navbar-item{margin:0!important}
.lgx-app{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;
  padding:6px 4px;border:0;background:none;color:rgba(255,255,255,.86);font:500 13px/1 Inter,system-ui,sans-serif;letter-spacing:.03em;cursor:pointer}
.lgx-app[hidden]{display:none}
.lgx-app:hover{color:var(--t-accion2,#3ee89b)}
.lgx-app-etiqueta{padding:3px 6px;border:1px solid rgba(255,255,255,.28);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
@media (max-width:767.98px){
  .lgx-app-texto{display:none}
  .lgx-app{gap:5px;left:56%}
  .lgx-idioma-logo{margin-left:8px}
}
@media (max-width:420px){.lgx-app-etiqueta{display:none}}

/* ---------- 10. Portada (29-09-2026, segunda vuelta del founder) ---------- */
/* buscador principal: al centro de la cabecera y mas largo; sugerencias centradas debajo */
html[data-paleta] .lgx-portada-cab{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:18px 48px}
html[data-paleta] .lgx-portada-cab .lgx-chat{justify-self:center;width:min(720px,100%);max-width:none;flex:none}
html[data-paleta] .lgx-chat-chips{justify-content:center}
html[data-paleta] .lgx-chat-caja input{font-size:17px}
@media (max-width:899px){html[data-paleta] .lgx-portada-cab{grid-template-columns:1fr}html[data-paleta] .lgx-portada-cab .lgx-chat{width:100%}html[data-paleta] .lgx-chat-chips{justify-content:flex-start}}

/* "Todos los eventos" (30-09-2026, pedido del founder: "no en tiras asi largas, un cuadradito mas
   acotado"): cuadrados chicos, 6 por fila en computadora, y solo el texto que el evento tiene. */
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px!important}
@media (max-width:1039px){html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:719px){html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px!important}}
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-item{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;height:auto!important;min-height:0!important;padding:0!important}
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-item img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:2px}
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-info{gap:2px}
/* 30-09-2026: "Todos los eventos" es el segundo piso de Destacados: misma seccion (sin linea ni
   aire de seccion nueva), titulo chico y cuadrados mas chicos. */
html[data-paleta] #destacadosFilaContainer .lgx-destfila{margin-bottom:0;padding-bottom:0}
html[data-paleta] #directorioEventosContainer .lgx-dir{padding-top:0;border-top:0;margin-top:0}
html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-chico .lgx-titulo{font-size:17px;font-weight:600;letter-spacing:0}
html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 12px!important}
@media (max-width:1039px){html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px!important}}
html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:12.5px;line-height:1.25}
html[data-paleta] #directorioEventosContainer .lgx-dir-fecha{font-size:9.5px!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-lugar{font-size:11px}
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-fecha{font-size:10.5px}
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-nombre{font-size:13.5px!important;line-height:1.25!important;max-height:none!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-lugar{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:719px){html[data-paleta] .lgx-dir:not(.lgx-dir--lugares):not(.lgx-dir-chico) .lgx-dir-nombre{font-size:12.5px!important}}

/* restaurantes y experiencias: tarjetas 30% mas chicas y menos aire despues del banner */
html[data-paleta] .lgx-banner{margin-bottom:14px!important}
html[data-paleta] .lgx-globos{padding-top:18px;margin-bottom:34px!important}
html[data-paleta] .lgx-globos-cab{margin:0 0 6px!important}
html[data-paleta] .lgx-globos-cuerpo{grid-template-columns:138px 1fr!important;gap:14px!important}
html[data-paleta] .lgx-globos-pista .lgx-globo{flex-basis:16%!important}
@media (max-width:1299px){html[data-paleta] .lgx-globos-pista .lgx-globo{flex-basis:21.5%!important}}
@media (max-width:899px){html[data-paleta] .lgx-globos-pista .lgx-globo{flex-basis:32%!important}}
@media (max-width:719px){html[data-paleta] .lgx-globos-cuerpo{grid-template-columns:1fr!important}html[data-paleta] .lgx-globos-pista .lgx-globo{flex-basis:32%!important}html[data-paleta] .lgx-globo-fijo{min-height:88px!important}}
html[data-paleta] .lgx-globos-pista{gap:16px!important}
html[data-paleta] .lgx-globo-nombre{font-size:14px!important;line-height:18px!important}
html[data-paleta] :is(.lgx-globo-meta,.lgx-globo-sub){font-size:11.5px!important}
html[data-paleta] .lgx-globo-fijo-titulo{font-size:22px!important}
/* el texto del destacado va sobre el velo oscuro en todas las paletas (tambien en Arena) */
html[data-paleta] .lgx-bill-meta,html[data-paleta] .lgx-bill-asis{color:rgba(255,255,255,.78)!important}

/* ---------- 11. Secciones de lugares de la portada (29-09-2026): encabezado comun, sin la tarjeta vertical ---------- */
html[data-paleta] .lgx-globo-fijo,html[data-paleta] .lgx-globos-titulo-m{display:none!important}
html[data-paleta] .lgx-globos-cuerpo{display:block!important}
html[data-paleta] .lgx-globos-cab{display:flex!important;justify-content:space-between!important;align-items:flex-end;margin:0 0 18px!important}
html[data-paleta] .lgx-globos-h2{margin:0}
/* /djs: selector "Con foto / Todos" como texto */
.lgx-djs-vista{display:flex;gap:4px 18px;padding:10px 12px 0}
.lgx-djs-vista .chip{margin:0}

/* ---------- 12. Ficha de restaurante: las etiquetas de seccion ("El lugar", "Horario") en letra de texto ---------- */
html[data-paleta] .lgr :is(.lgr-principal,.lgr-lateral) section > h2,
html[data-paleta] .lgr .lgr-bloque h2{font-family:var(--t-cuerpo)!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase}

/* ---------- 13. Perfil de restaurante editorial (29-09-2026) ----------
   Referencias: fichas de la Guia MICHELIN y The Infatuation (galeria arriba, nombre y una linea de
   datos, acciones juntas, horario en tabla) y webs de Noma, Atomix y Eleven Madison Park (foto a
   sangre, serif editorial, mucho aire, un solo acento). Sin cajas ni pildoras: lineas finas. */
html[data-paleta] .lgr .lgr-ficha{max-width:1280px}
html[data-paleta] .lgr .lgr-ficha .lgr-migas{margin:0 0 18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* galeria a lo ancho arriba; debajo, nombre a la izquierda y datos + acciones a la derecha */
html[data-paleta] .lgr .lgr-ficha .lgr-hero{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"media" "info"!important;
  min-height:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
html[data-paleta] .lgr .lgr-ficha .lgr-hero > .lgr-media{grid-area:media;order:0!important;aspect-ratio:16/7!important;min-height:0!important;border-radius:2px!important;border:0!important}
html[data-paleta] .lgr .lgr-ficha .lgr-hero__info{grid-area:info;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  grid-auto-flow:row dense;column-gap:64px;row-gap:14px;align-items:start;padding:40px 0 36px!important;border-bottom:1px solid var(--linea);background:none!important}
html[data-paleta] .lgr .lgr-ficha .lgr-hero__info > *{grid-column:2;margin:0}
html[data-paleta] .lgr .lgr-ficha .lgr-hero__info > .lgr-eyebrow{grid-column:1;grid-row:1}
html[data-paleta] .lgr .lgr-ficha .lgr-hero__info > h1{grid-column:1;grid-row:2 / span 6;align-self:start}
html[data-paleta] .lgr .lgr-ficha .lgr-hero h1,html[data-paleta] .lgr .lgr-ficha .lgr-hero h1.lgr-h1--largo{
  font-size:clamp(44px,6.2vw,92px)!important;font-weight:500!important;line-height:.96!important;letter-spacing:-.02em!important;color:var(--texto)}
html[data-paleta] .lgr .lgr-ficha .lgr-hero h1.lgr-h1--largo{font-size:clamp(38px,4.6vw,68px)!important}
html[data-paleta] .lgr .lgr-ficha .lgr-eyebrow{font-size:11px!important;letter-spacing:.2em!important}

/* una linea de datos, separados por un punto medio; sin pildoras */
html[data-paleta] .lgr .lgr-ficha .lgr-hechos{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;padding:0}
html[data-paleta] .lgr .lgr-ficha .lgr-hechos > li,html[data-paleta] .lgr .lgr-ficha .lgr-hecho{background:none!important;border:0!important;border-radius:0!important;
  padding:0!important;min-height:0!important;box-shadow:none!important;font-size:15px;color:var(--texto)}
html[data-paleta] .lgr .lgr-ficha .lgr-hechos > li:not([hidden]) + li:not([hidden])::before{content:"\00b7";margin:0 12px;color:var(--suave)}
html[data-paleta] .lgr .lgr-ficha .lgr-hecho small{color:var(--suave)}

/* acciones: la principal solida y recta; el resto, texto subrayado */
html[data-paleta] .lgr .lgr-ficha .lgr-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:10px}
html[data-paleta] .lgr .lgr-ficha .lgr-btn{border-radius:0!important;min-height:50px;padding:0 28px!important;letter-spacing:.06em;text-transform:uppercase;font-size:13px!important}
html[data-paleta] .lgr .lgr-ficha .lgr-acciones .lgr-btn:not(.lgr-btn--primario),html[data-paleta] .lgr .lgr-ficha .lgr-compartir{
  min-height:0;padding:4px 0!important;border:0!important;background:none!important;color:var(--texto)!important;box-shadow:inset 0 -1px 0 var(--linea)!important;text-transform:none;letter-spacing:.02em;font-size:14px!important}
html[data-paleta] .lgr .lgr-ficha .lgr-acciones .lgr-btn:not(.lgr-btn--primario):hover,html[data-paleta] .lgr .lgr-ficha .lgr-compartir:hover{box-shadow:inset 0 -1px 0 var(--verde)!important;color:var(--verde)!important}
html[data-paleta] .lgr .lgr-ficha .lgr-compartir{justify-self:start;width:auto}
html[data-paleta] .lgr .lgr-ficha .lgr-nota-reserva{font-size:13.5px;color:var(--suave)}

/* carrusel: contador editorial y miniaturas sobre la foto */
html[data-paleta] .lgr .lgr-ficha .lgr-car-cuenta{right:18px;bottom:16px;background:none;font:500 13px/1 var(--t-display,Georgia,serif);letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.7)}
html[data-paleta] .lgr .lgr-ficha .lgr-car-flecha{background:rgba(0,0,0,.28);width:44px;height:44px}
.lgr-car-miniaturas{position:absolute;left:18px;bottom:14px;z-index:3;display:flex;gap:6px;max-width:calc(100% - 120px);overflow-x:auto;scrollbar-width:none}
.lgr-car-miniaturas::-webkit-scrollbar{display:none}
.lgr-car-miniaturas button{flex:0 0 auto;width:56px;height:40px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:1px;background:#000;opacity:.62;cursor:pointer;overflow:hidden}
.lgr-car-miniaturas button[aria-current="true"],.lgr-car-miniaturas button:hover{opacity:1;border-color:#fff}
.lgr-car-miniaturas img{width:100%;height:100%;object-fit:cover;display:block}

/* cuerpo: relato a la izquierda, datos a la derecha; lineas finas en vez de cajas */
html[data-paleta] .lgr .lgr-ficha .lgr-cuerpo{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:72px!important;padding-top:44px}
html[data-paleta] .lgr .lgr-ficha :is(.lgr-principal > section,.lgr-lateral > section,.lgr-bloque,.lgr-reclamo){
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 30px!important;margin:0 0 30px!important;border-bottom:1px solid var(--linea)!important}
html[data-paleta] .lgr .lgr-ficha .lgr-relato{font-family:var(--t-display,Georgia,serif);font-size:clamp(20px,1.75vw,25px);line-height:1.55;color:var(--texto);white-space:pre-line}
html[data-paleta] .lgr .lgr-ficha .lgr-dato{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:18px;padding:16px 0;border-top:1px solid var(--linea)}
html[data-paleta] .lgr .lgr-ficha .lgr-dato:first-child{border-top:0;padding-top:0}
html[data-paleta] .lgr .lgr-ficha .lgr-dato > h3{grid-column:1;margin:3px 0 0;font:700 11px/1.3 var(--t-cuerpo,Inter,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
html[data-paleta] .lgr .lgr-ficha .lgr-dato > :not(h3){grid-column:2}
html[data-paleta] .lgr .lgr-ficha .lgr-horario li{padding:3px 0;border:0!important}
html[data-paleta] .lgr .lgr-ficha .lgr-mapa{grid-column:1 / -1!important;width:100%;height:220px;margin-top:14px;border:0;border-radius:2px;filter:grayscale(.35) contrast(1.02)}
html[data-paleta] .lgr .lgr-ficha .lgr-enlace{box-shadow:inset 0 -1px 0 var(--linea);text-decoration:none}
html[data-paleta] .lgr .lgr-ficha .lgr-enlace:hover{box-shadow:inset 0 -1px 0 var(--verde)}
html[data-paleta] .lgr .lgr-ficha .lgr-form :is(input,textarea,select){border:0!important;border-bottom:1px solid var(--linea)!important;border-radius:0!important;background:none!important}
html[data-paleta] .lgr .lgr-ficha .lgr-fuente{margin-top:12px;font-size:12px;color:var(--suave)}

@media (max-width:900px){
  html[data-paleta] .lgr .lgr-ficha .lgr-hero > .lgr-media{aspect-ratio:4/3!important;margin:0 -16px;border-radius:0!important}
  html[data-paleta] .lgr .lgr-ficha .lgr-hero__info{grid-template-columns:1fr;padding:24px 0 26px!important}
  html[data-paleta] .lgr .lgr-ficha .lgr-hero__info > *,html[data-paleta] .lgr .lgr-ficha .lgr-hero__info > h1{grid-column:1;grid-row:auto}
  html[data-paleta] .lgr .lgr-ficha .lgr-cuerpo{grid-template-columns:1fr!important;gap:10px!important;padding-top:26px}
  html[data-paleta] .lgr .lgr-ficha .lgr-dato{grid-template-columns:96px minmax(0,1fr)}
  .lgr-car-miniaturas{display:none}
}
html[data-paleta] .lgr .lgr-ficha .lgr-hero__info > .lgr-compartir{order:9}
@media (max-width:900px){html[data-paleta] .lgr .lgr-ficha .lgr-hechos{gap:8px 18px}html[data-paleta] .lgr .lgr-ficha .lgr-hechos > li:not([hidden]) + li:not([hidden])::before{content:none}}

/* ---------- 14. Fichas de DJ, venue y productor, editoriales (30-09-2026) ----------
   Pedido del founder: "no me gusta que hagas un rectangulo a todas las palabras y botones, me gustan
   los disenos mas editoriales". Mismo lenguaje que el perfil de restaurante: secciones separadas por
   una linea fina (sin cajas), etiquetas en versalita, titulos en serif, un solo boton solido por
   bloque y el resto como texto subrayado. Sin pildoras. */
body.fx .fx-main{max-width:1080px}
body.fx .fx-card{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:44px 0 40px!important;margin:0!important;border-top:1px solid var(--fx-line)!important}
body.fx .fx-card.fx-perfil{border-top:0!important;padding-top:34px!important}
body.fx .fx-label{font-family:var(--t-cuerpo,Inter,sans-serif)!important;font-size:10.5px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase;color:var(--fx-t40)!important;margin-bottom:22px!important;
  display:flex;align-items:baseline;justify-content:space-between;gap:12px}
body.fx .fx-label a{letter-spacing:.06em;text-transform:none;font-size:12.5px;color:var(--fx-t60)!important;box-shadow:inset 0 -1px 0 var(--fx-line)}

/* nombre y datos: serif grande, datos en una linea con punto medio */
body.fx .fx-nombre{font-family:var(--fx-h)!important;font-size:clamp(28px,3vw,40px)!important;text-transform:none!important;letter-spacing:-.01em!important}
body.fx .fx-avatar{border-radius:50%!important;box-shadow:none!important}
body.fx .fx-chips{gap:0!important;margin-top:6px}
body.fx .fx-chip{background:none!important;border:0!important;border-radius:0!important;padding:0!important;min-height:0!important;
  color:var(--fx-t60)!important;font-size:13.5px!important;font-weight:500!important}
body.fx .fx-chip--oro{color:var(--fx-gold)!important}
body.fx .fx-chip + .fx-chip::before{content:"\00b7";margin:0 10px;color:var(--fx-t40)}

/* botones: el principal solido y recto; los demas, texto subrayado */
body.fx :is(.btn-hero,.btn-fx,.fx-top-cta){border-radius:2px!important;box-shadow:none!important}
body.fx :is(.btn-hero--oro,.btn-fx--oro,.fx-top-cta){text-transform:uppercase;letter-spacing:.08em;font-size:12.5px!important}
body.fx .fx-hero-botones{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px 30px!important;max-width:none!important}
body.fx .fx-hero-botones .btn-hero--oro{min-height:52px;padding:0 30px!important;order:-1}
body.fx :is(.btn-hero:not(.btn-hero--oro),.btn-fx:not(.btn-fx--oro)){background:none!important;border:0!important;min-height:0!important;
  padding:4px 0!important;height:auto!important;box-shadow:inset 0 -1px 0 color-mix(in srgb,currentColor 35%,transparent)!important}
body.fx :is(.btn-hero:not(.btn-hero--oro),.btn-fx:not(.btn-fx--oro)):hover{box-shadow:inset 0 -1px 0 var(--fx-gold)!important;color:var(--fx-gold)!important}
body.fx .fx-acciones{gap:14px 28px!important;align-items:center}
body.fx .fx-acciones .btn-fx--oro{min-height:48px;padding:0 26px!important;flex:0 0 auto!important}
body.fx .fx-acciones .btn-fx:not(.btn-fx--oro){flex:0 0 auto!important}

/* agenda sin fechas: una linea, sin caja punteada */
body.fx .fechas-vacio{border:0!important;background:none!important;padding:0!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px}
body.fx .fechas-vacio p{margin:0;font-family:var(--fx-h);font-size:22px;color:var(--t-texto)}

/* sets: sin panel; el play y el titulo sobre la linea */
body.fx .musica-panel{background:none!important;border:0!important;border-radius:0!important}
body.fx .musica-panel + .musica-panel{margin-top:0;border-top:1px solid var(--fx-line)!important}
body.fx .musica-panel .musica-abrir{background:none!important;padding:8px 0!important;min-height:0!important}
body.fx .musica-abrir b{font-size:22px!important;font-weight:500!important}

/* red, colegas, ciudades, presskit: sin tarjetas */
body.fx :is(.fx-nodo,.fx-ciudad,.presskit-item,.fx-red){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.fx .fx-nodo{padding:10px 0!important}
body.fx .fx-nodo img{border-radius:2px!important}
body.fx .fx-colega .av{border-width:1px!important}

/* barra superior */
body.fx .fx-top{background:color-mix(in srgb,var(--fx-bg) 90%,transparent)!important;border-bottom:1px solid var(--fx-line)!important}
body.fx .fx-top-cta{padding:0 18px!important;min-height:38px}
html[data-paleta] body.fx .fx-card h2.fx-label,body.fx .fx-card h2.fx-label{font-family:var(--t-cuerpo,Inter,system-ui,sans-serif)!important;font-weight:600!important;letter-spacing:.22em!important}
body.fx .fx-bio-texto{font-family:var(--fx-h);font-size:clamp(19px,1.6vw,23px)!important;line-height:1.6!important;color:var(--t-texto)!important}
body.fx .pasado .ag-fecha{background:none!important;border-radius:0!important;padding:0!important}
body.fx .fx-ciudad b{background:none!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;
  padding:0!important;color:var(--fx-t40)!important;font-weight:500!important}
body.fx .fx-ciudad b::before{content:"\00b7";margin:0 8px}
body.fx :is(.gallery-item,.fx-galeria img,.presskit-foto img,.fx-galeria a){border-radius:2px!important}

/* Destacados de la portada con mas info en el previo (30-09-2026): fecha y hora, lugar, quienes
   tocan y la accion. Sin altura fija: cada tarjeta muestra lo que el evento tiene. */
html[data-paleta] .lgx-destfila .lgx-destfila-info{height:auto!important;grid-template-rows:none!important;display:grid;gap:3px;padding-top:10px}
html[data-paleta] .lgx-destfila .lgx-fila-nombre{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-paleta] .lgx-destfila-lugar{color:var(--t-suave);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-paleta] .lgx-destfila-lineup{color:var(--t-texto);opacity:.85;font:italic 400 13px/1.35 var(--t-display,Georgia,serif);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-paleta] .lgx-destfila-cta{margin-top:4px;color:var(--t-accion);font-size:12px;font-weight:600;letter-spacing:.02em}
html[data-paleta] .lgx-fila-item:hover .lgx-destfila-cta{text-decoration:underline}

/* ==========================================================================
   30-09-2026 · Escala propia y portada compacta en el telefono.
   Tamaños corridos a proposito de los valores de siempre (12/14/16/24/32):
   13.5 / 15.5 / 17 / 23 / 27 / 43, aires de 7 / 11 / 17 / 27.
   ========================================================================== */
html[data-paleta]{--e-xs:10.5px;--e-s:13.5px;--e-m:15.5px;--e-l:17px;--e-tit:27px;--a-1:7px;--a-2:11px;--a-3:17px;--a-4:27px}
html[data-paleta] :is(.lgx-destfila,.lgx-dir,.lgx-globos,.lgx-aliados,.lgx-ig,.lgx-djs){padding-top:var(--a-4)}
html[data-paleta] .lgx-chat-chips button{font-size:var(--e-s)}
html[data-paleta] .lgx-entrada-texto b{font-size:var(--e-m)}

@media (max-width:719px){
  html[data-paleta]{--e-tit:23px}
  html[data-paleta] .lgx-portada{padding:var(--a-3) 0 0}
  html[data-paleta] .lgx-portada-intro{font-size:var(--e-xs);letter-spacing:.16em}
  html[data-paleta] .lgx-ciudad{font-size:43px;margin-top:3px}
  html[data-paleta] .lgx-portada-cab{gap:var(--a-2)}
  html[data-paleta] .lgx-portada-cab .lgx-chat{margin:0!important;min-width:0;width:100%}
  /* la fila de filtros no se parte: sin min-width:0 estiraria la columna y sacaria la lupa de la pantalla */
  html[data-paleta] .lgx-portada-cab > *{min-width:0}
  html[data-paleta] .lgx-chat-caja{min-height:43px}
  /* filtros: una sola linea que se desliza, con el borde derecho esfumado */
  html[data-paleta] .lgx-chat-chips{flex-wrap:nowrap;justify-content:flex-start!important;gap:0 var(--a-3);margin-top:var(--a-1);
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  html[data-paleta] .lgx-chat-chips::-webkit-scrollbar{display:none}
  html[data-paleta] .lgx-chat-chips button{flex:0 0 auto;white-space:nowrap;padding:5px 0}
  /* accesos: los cinco en una fila */
  html[data-paleta] .lgx-entradas{display:flex!important;flex-wrap:nowrap;justify-content:space-between;gap:0 var(--a-2);
    margin-top:var(--a-3);padding-top:var(--a-2);overflow-x:auto;scrollbar-width:none}
  html[data-paleta] .lgx-entradas::-webkit-scrollbar{display:none}
  html[data-paleta] .lgx-entradas a{flex:0 0 auto;flex-direction:column;gap:5px;padding:3px 0}
  html[data-paleta] .lgx-entrada-icono svg{width:19px;height:19px}
  html[data-paleta] .lgx-entrada-texto b{font-size:11.5px;letter-spacing:-.005em}
  /* secciones */
  html[data-paleta] :is(.lgx-destfila,.lgx-dir,.lgx-globos,.lgx-aliados,.lgx-ig,.lgx-djs){padding-top:var(--a-3);margin-bottom:var(--a-2)}
  html[data-paleta] :is(.lgx-titulo,.lgx-seccion-titulo){font-size:var(--e-tit)!important;line-height:1.08}
  html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-chico .lgx-titulo,
  html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-chico .lgx-titulo *{font-size:var(--e-l)!important}
  html[data-paleta] .lgx-fila-titulo{margin-bottom:var(--a-2)}
  html[data-paleta] .lgx-destfila .lgx-fila-nombre{font-size:var(--e-l)!important;line-height:1.18}
  html[data-paleta] .lgx-destfila :is(.lgx-fila-fecha,.lgx-destfila-lugar,.lgx-destfila-lineup){font-size:var(--e-xs)!important}
  html[data-paleta] .lgx-destfila-lugar{font-size:var(--e-s)!important}
}
/* telefonos angostos (360): los cinco accesos siguen entrando */
@media (max-width:379px){
  html[data-paleta] .lgx-entradas{gap:0 4px}
  html[data-paleta] .lgx-entrada-texto b{font-size:10.5px;letter-spacing:-.01em}
}

/* DJs destacados como cartel de line up (30-09-2026): retratos mas altos en blanco y negro que toman
   color al pasar, el nombre sobre la foto y el orden de la seleccion. Distinto de las filas de lugares. */
html[data-paleta] .lgx-djs .lgx-dj{position:relative;overflow:hidden!important;border-radius:2px!important}
html[data-paleta] .lgx-djs .lgx-dj img{aspect-ratio:3/4!important;filter:grayscale(1) contrast(1.07) brightness(.9);transition:filter .6s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html[data-paleta] .lgx-djs .lgx-dj:hover img,html[data-paleta] .lgx-djs .lgx-dj:focus-visible img{filter:none;transform:scale(1.03)}
html[data-paleta] .lgx-djs .lgx-dj::after{content:"";position:absolute;left:0;right:0;bottom:0;height:57%;pointer-events:none;
  background:linear-gradient(to top,rgba(var(--t-velo),.93) 8%,rgba(var(--t-velo),0))}
html[data-paleta] .lgx-djs .lgx-dj-info{position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:0 13px 13px!important}
html[data-paleta] .lgx-djs .lgx-fila-nombre{font-family:var(--t-display);font-weight:600;font-size:21px;line-height:1.04;letter-spacing:-.01em;color:var(--t-texto)}
html[data-paleta] .lgx-djs .lgx-dj:hover .lgx-fila-nombre{color:var(--t-accion2)}
html[data-paleta] .lgx-djs .lgx-dj-n{position:absolute;top:11px;left:13px;z-index:2;font-size:10.5px;letter-spacing:.17em;color:rgba(255,255,255,.78);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.5)}
html[data-paleta] .lgx-djs .lgx-medalla{top:9px;right:9px;width:21px;height:21px}
html[data-paleta] .lgx-djs .lgx-medalla svg{width:17px;height:17px}
@media (max-width:719px){
  html[data-paleta] .lgx-djs .lgx-fila-nombre{font-size:17px}
  html[data-paleta] .lgx-djs .lgx-dj-info{padding:0 9px 9px!important}
  /* dos y un pedazo del tercero: se ve que la fila sigue */
  html[data-paleta] .lgx-djs .lgx-fila-pista{gap:11px}
  html[data-paleta] .lgx-djs .lgx-fila-pista > .lgx-dj{flex:0 0 41%!important;width:41%!important;max-width:none!important}
}
@media (prefers-reduced-motion:reduce){html[data-paleta] .lgx-djs .lgx-dj img{transition:none}}

/* Destacados estilo Netflix (30-09-2026): apaisados 16:9, 3 por fila, las flechas pasan de a 3.
   Fondo: el flyer difuminado. Derecha: el flyer entero. Izquierda: fecha, nombre, lugar y line up. */
html[data-paleta] .lgx-dest3 .lgx-fila-pista{gap:15px;padding-bottom:4px}
html[data-paleta] .lgx-dest3 .lgx-tile{position:relative;flex:0 0 calc((100% - 30px) / 3)!important;width:auto!important;max-width:none!important;
  aspect-ratio:16/9;overflow:hidden!important;border-radius:3px!important;background:var(--t-panel2)!important;scroll-snap-align:start}
html[data-paleta] .lgx-dest3 .lgx-tile img{aspect-ratio:auto!important}
html[data-paleta] .lgx-dest3 .lgx-tile-fondo{position:absolute;inset:-12%;width:124%!important;height:124%!important;object-fit:cover;filter:blur(21px) saturate(1.15) brightness(.5)}
html[data-paleta] .lgx-dest3 .lgx-tile-afiche{position:absolute;top:0;right:0;height:100%!important;width:auto!important;max-width:57%;object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 19%);mask-image:linear-gradient(90deg,transparent,#000 19%);
  transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html[data-paleta] .lgx-dest3 .lgx-tile:hover .lgx-tile-afiche{transform:scale(1.035)}
html[data-paleta] .lgx-dest3 .lgx-tile::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(var(--t-velo),.86) 0%,rgba(var(--t-velo),.55) 42%,rgba(var(--t-velo),0) 62%)}
html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-info{position:absolute!important;left:0;top:0;bottom:0;z-index:2;width:53%;
  display:flex!important;flex-direction:column;justify-content:flex-end;gap:5px;padding:19px 17px!important}
html[data-paleta] .lgx-dest3 .lgx-tile .lgx-fila-nombre{font-family:var(--t-display);font-weight:600;font-size:23px!important;line-height:1.08;letter-spacing:-.01em;
  -webkit-line-clamp:3!important;color:var(--t-texto)}
html[data-paleta] .lgx-dest3 .lgx-tile:hover .lgx-fila-nombre{color:var(--t-accion2)}
html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-lugar{color:rgba(242,242,246,.72);font-size:13.5px!important}
html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-lineup{font-size:13.5px!important;-webkit-line-clamp:2}
@media (max-width:1100px){
  html[data-paleta] .lgx-dest3 .lgx-tile .lgx-fila-nombre{font-size:19px!important}
  html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-lineup{display:none}
}
/* telefono: una por pantalla y asoma la siguiente */
@media (max-width:719px){
  html[data-paleta] .lgx-dest3 .lgx-fila-pista{gap:11px}
  html[data-paleta] .lgx-dest3 .lgx-tile{flex:0 0 87%!important}
  html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-info{width:56%;padding:15px 13px!important}
  html[data-paleta] .lgx-dest3 .lgx-tile .lgx-fila-nombre{font-size:19px!important}
  html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-lineup{display:-webkit-box}
}
@media (prefers-reduced-motion:reduce){html[data-paleta] .lgx-dest3 .lgx-tile-afiche{transition:none}}

/* Menos "pretitulo + titulo + aclaracion" (30-09-2026): en tarjetas y notas el nombre va primero y los
   datos en una sola linea debajo, sin mayusculas espaciadas. */
html[data-paleta] .lgx-dest3 .lgx-tile-meta{font-size:13.5px;color:rgba(242,242,246,.74);line-height:1.35}
html[data-paleta] .lgx-dest3 .lgx-tile-meta b{font-weight:600;color:var(--t-accion2);text-transform:capitalize}
html[data-paleta] #directorioEventosContainer .lgx-dir-lugar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-paleta] #directorioEventosContainer .lgx-dir-dia{font-weight:600;color:var(--t-accion);text-transform:capitalize}
html[data-paleta] .lgx-revista-bajada time,html[data-paleta] .lgx-revista-txt time{color:var(--t-suave);font-size:12.5px;white-space:nowrap}
html[data-paleta] .lgx-revista-bajada time::before{content:"— ";opacity:.6}
html[data-paleta] .lgx-cta h2{max-width:21ch}
html[data-paleta] .lgx-cta-quien{color:var(--t-suave);font-weight:500}
html[data-paleta] .lgd-meta-bajo{margin:3px 0 0!important;text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;color:var(--t-suave)!important}

/* "Esta noche": un boton que se prende y se apaga, dentro del buscador a la derecha de la lupa (30-09-2026) */
html[data-paleta] .lgx-chat-caja .lgx-chat-noche{display:flex;flex:0 0 auto;margin:0 0 0 7px!important;padding:0;overflow:visible;gap:0;-webkit-mask-image:none;mask-image:none}
html[data-paleta] .lgx-chat-caja .lgx-chat-noche button{width:auto;height:33px;display:inline-flex;align-items:center;gap:7px;padding:0 13px!important;
  border:1px solid color-mix(in srgb,var(--t-accion) 55%,transparent)!important;border-radius:999px;background:transparent!important;
  color:var(--t-texto)!important;font-size:13.5px;font-weight:500;letter-spacing:0;white-space:nowrap;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s}
html[data-paleta] .lgx-chat-caja .lgx-chat-noche button:hover{border-color:var(--t-accion)!important}
html[data-paleta] .lgx-chat-caja .lgx-chat-noche button.active{background:var(--t-accion)!important;border-color:var(--t-accion)!important;color:var(--t-sobre-accion)!important}
html[data-paleta] .lgx-noche-punto{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--t-accion);box-sizing:border-box}
html[data-paleta] .lgx-chat-noche button.active .lgx-noche-punto{background:currentColor;border-color:currentColor}
@media (prefers-reduced-motion:no-preference){
  html[data-paleta] .lgx-chat-noche button.active .lgx-noche-punto{animation:lgxNocheLate 1.6s ease-in-out infinite}
}
@keyframes lgxNocheLate{0%,100%{opacity:1}50%{opacity:.35}}
@media (max-width:719px){
  html[data-paleta] .lgx-chat-caja .lgx-chat-noche{margin-left:4px!important}
  html[data-paleta] .lgx-chat-caja .lgx-chat-noche button{height:31px;padding:0 11px!important;font-size:13px}
}

/* ==========================================================================
   Aire y letra (30-09 noche, pedido del founder): letra mas chica y mas espacio entre secciones.
   ========================================================================== */
html[data-paleta]{--e-tit:25px;--a-4:53px}
html[data-paleta] .lgx-ciudad{font-size:clamp(41px,5.6vw,59px)!important}
html[data-paleta] :is(.lgx-titulo,.lgx-seccion-titulo){font-size:var(--e-tit)!important;font-weight:500;letter-spacing:-.01em}
/* "Eventos" del Home con la tipografia y el tamaño de "Restaurantes" (02-10-2026, pedido del dueño del
   proyecto): las reglas que lo achicaban (17px y 15,5px) quedan solo para la version chica de la seccion,
   la que aparece con una busqueda activa ("Otros eventos en..."). */
html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-chico .lgx-titulo{font-size:15.5px!important}
html[data-paleta] :is(.lgx-destfila,.lgx-dir,.lgx-globos,.lgx-aliados,.lgx-ig,.lgx-djs){padding-top:var(--a-4)!important;margin-bottom:67px!important}
html[data-paleta] #directorioEventosContainer .lgx-dir{padding-top:7px!important}
html[data-paleta] #destacadosFilaContainer .lgx-destfila{margin-bottom:0!important}
html[data-paleta] .lgx-fila-titulo{margin-bottom:23px!important}
html[data-paleta] .lgx-banner{margin:37px 0 61px!important}
html[data-paleta] .lgx-portada{padding-bottom:17px}
html[data-paleta] .lgx-entradas{margin-top:37px;padding-top:23px}
html[data-paleta] .lgx-entrada-texto b{font-size:14px}
html[data-paleta] .lgx-entrada-texto small{font-size:11.5px}
html[data-paleta] .lgx-dest3 .lgx-tile .lgx-fila-nombre{font-size:19px!important}
html[data-paleta] .lgx-dest3 .lgx-tile-meta{font-size:12.5px}
html[data-paleta] .lgx-revista-titulo{font-size:clamp(21px,1.9vw,25px)}
html[data-paleta] .lgx-revista-txt b{font-size:15.5px}
html[data-paleta] .lgx-revista-bajada{font-size:14.5px}
html[data-paleta] .lgx-djs .lgx-fila-nombre{font-size:18px}
html[data-paleta] .lgx-cta{margin-top:43px;padding-top:79px;padding-bottom:79px}
html[data-paleta] .lgx-cta h2{font-size:clamp(27px,3vw,39px)!important}
/* herramientas */
html[data-paleta] .lgx-hr{padding:47px 16px 97px}
html[data-paleta] .lgx-hr-cab{margin:0 0 37px}
html[data-paleta] .lgx-hr-cab h1{font-size:clamp(25px,2.4vw,29px)}
html[data-paleta] .lgx-hr-aviso{margin:0 0 31px}
html[data-paleta] .lgx-hr-grid{gap:23px}
html[data-paleta] .lgx-hr-txt{padding:17px 13px 15px;gap:7px}
html[data-paleta] .lgx-hr-pie{margin-top:43px}
@media (max-width:719px){
  html[data-paleta]{--e-tit:20px}
  html[data-paleta] .lgx-ciudad{font-size:37px!important}
  html[data-paleta] :is(.lgx-destfila,.lgx-dir,.lgx-globos,.lgx-aliados,.lgx-ig,.lgx-djs){padding-top:33px!important;margin-bottom:41px!important}
  html[data-paleta] .lgx-fila-titulo{margin-bottom:15px!important}
  html[data-paleta] .lgx-banner{margin:23px 0 37px!important}
  html[data-paleta] .lgx-entradas{margin-top:23px;padding-top:15px}
  html[data-paleta] .lgx-entrada-texto b{font-size:11px}
  html[data-paleta] .lgx-dest3 .lgx-tile .lgx-fila-nombre{font-size:17px!important}
  html[data-paleta] .lgx-djs .lgx-fila-nombre{font-size:15.5px}
  html[data-paleta] .lgx-cta{padding-top:53px;padding-bottom:53px}
  html[data-paleta] .lgx-cta h2{font-size:25px!important}
  html[data-paleta] .lgx-hr{padding:29px 16px 67px}
  html[data-paleta] .lgx-hr-grid{gap:15px}
}
@media (max-width:379px){html[data-paleta] .lgx-entrada-texto b{font-size:10px}}

/* Destacados (30-09 noche): el flyer ocupa toda la tarjeta, sin fondo difuminado; un velo abajo y a la
   izquierda deja leer el nombre. */
html[data-paleta] .lgx-dest3 .lgx-tile-fondo{display:none}
html[data-paleta] .lgx-dest3 .lgx-tile-afiche{inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center 38%;
  -webkit-mask-image:none;mask-image:none}
html[data-paleta] .lgx-dest3 .lgx-tile::after{background:
  linear-gradient(0deg,rgba(var(--t-velo),.92) 0%,rgba(var(--t-velo),.55) 34%,rgba(var(--t-velo),0) 63%),
  linear-gradient(90deg,rgba(var(--t-velo),.55) 0%,rgba(var(--t-velo),0) 55%)}
html[data-paleta] .lgx-dest3 .lgx-tile .lgx-destfila-info{width:78%;padding:19px 19px 17px!important}

/* ==========================================================================
   Estilo mate (30-09 noche): fondo mate, algunas lineas doradas y mostaza de vez en cuando
   (fechas, numeros, estrellas). El verde musgo queda para lo que se toca.
   ========================================================================== */
html[data-paleta], html[data-paleta] body, html[data-paleta] #kt_app_wrapper, html[data-paleta] #kt_app_root{background-color:var(--t-fondo)!important}
/* lineas doradas: el separador de cada seccion y el pie de la portada */
html[data-paleta] :is(.lgx-destfila,.lgx-globos,.lgx-aliados,.lgx-ig,.lgx-djs){border-top-color:color-mix(in srgb,var(--t-oro) 55%,transparent)!important}
html[data-paleta] .lgx-entradas{border-top-color:color-mix(in srgb,var(--t-oro) 45%,transparent)}
html[data-paleta] .lgx-cta{border-top:1px solid color-mix(in srgb,var(--t-oro) 45%,transparent)}
html[data-paleta] .lgx-revista-lista li + li{border-top-color:var(--t-linea)}
/* mostaza: fechas y numeros */
html[data-paleta] :is(.lgx-fila-fecha,.lgx-dir-fecha,.lgx-dir-dia,.lgx-dest3 .lgx-tile-meta b,.lgx-revista-n,.lgx-dj-n){color:var(--t-mostaza)!important}
html[data-paleta] .lgx-nota-fecha{color:var(--t-mostaza)}
html[data-paleta] .lgx-chat-caja{border-bottom-color:rgba(236,233,226,.32)}
html[data-paleta] .lgx-chat-caja:focus-within{border-bottom-color:var(--t-oro)}
html[data-paleta] .lgx-noche-punto{border-color:var(--t-mostaza)}
html[data-paleta] .lgx-chat-noche button.active .lgx-noche-punto{background:var(--t-sobre-accion)}
html[data-paleta] .lgx-banner .swiper{border-color:color-mix(in srgb,var(--t-oro) 35%,transparent)}
html[data-paleta] .lgx-banner-puntos .swiper-pagination-bullet-active{background:var(--t-mostaza)!important}
/* perfiles (DJ, venue, productor): numeros en mostaza y bordes con un toque dorado */
html[data-paleta] :is(.fx-tocado-n,.fl-cifra b){color:var(--t-mostaza)!important}
html[data-paleta] .fx-tocado{border-color:color-mix(in srgb,var(--t-oro) 30%,transparent)}
html[data-paleta] .fx-label{color:color-mix(in srgb,var(--t-oro) 80%,var(--t-texto))}

/* generos del DJ en la tarjeta del cartel (30-09-2026) */
html[data-paleta] .lgx-djs .lgx-dj-generos{display:block;margin-top:5px;font-size:11px;letter-spacing:.04em;color:var(--t-mostaza);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:719px){html[data-paleta] .lgx-djs .lgx-dj-generos{font-size:10px}}
/* "Ver todo" (sacar el filtro) al lado de las flechas: del tamaño de un enlace, no de un titulo (30-09-2026) */
html[data-paleta] :is(.lgx-dir-limpiar,.lgx-limpiar-filtro.lgx-ver-directorio){font-size:13px!important;font-weight:500;letter-spacing:0}

/* Detalles en mostaza brillante (30-09-2026): con el verde original de vuelta, la mostaza da un poco mas de vida. */
html[data-paleta] .lgx-portada-intro{color:var(--t-mostaza)}
html[data-paleta] .lgx-ver-directorio:hover,html[data-paleta] .lgx-boton-directorio:hover{color:var(--t-mostaza)!important}
html[data-paleta] .lgx-chat-noche button:not(.active):hover{border-color:var(--t-mostaza)!important}
html[data-paleta] .lgx-entradas a:hover .lgx-entrada-icono{color:var(--t-mostaza)}
html[data-paleta] .lgx-revista-portada:hover .lgx-revista-titulo{color:var(--t-mostaza)}

/* ==========================================================================
   Dinamismo y profundidad (30-09-2026, pedido del founder): bandas de gris un poco mas claro que se
   alternan de borde a borde, una luz tenue arriba y sombras suaves en tarjetas y fotos.
   ========================================================================== */
html[data-paleta]{--t-banda:#232428;--t-banda2:#2a2b2f}
/* el fondo de la pagina no es un plano: una luz verde y otra mostaza, muy tenues, arriba */
html[data-paleta] #kt_app_wrapper{background-image:
  radial-gradient(1100px 520px at 8% -6%, rgba(0,162,97,.09), transparent 62%),
  radial-gradient(900px 480px at 98% 4%, rgba(242,182,50,.05), transparent 60%)!important;
  background-repeat:no-repeat!important;overflow-x:clip}
html[data-paleta] body{overflow-x:clip}
/* bandas: la seccion queda sobre un gris un poco mas claro que toca los dos bordes de la pantalla */
html[data-paleta] :is(#destacadosFilaContainer,#directorioEventosContainer,#experienciasContainer,.lgx-djs,.lgx-cta){position:relative;isolation:isolate}
html[data-paleta] :is(#destacadosFilaContainer,#directorioEventosContainer,#experienciasContainer,.lgx-djs,.lgx-cta)::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:-41px;left:-100vmax;right:-100vmax;pointer-events:none;
  background:linear-gradient(180deg,var(--t-banda) 0%,var(--t-banda2) 100%)}
/* Destacados y Todos los eventos son una sola banda: la luz va arriba de la primera y la sombra abajo de la ultima */
html[data-paleta] #destacadosFilaContainer::before{top:-37px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-paleta] #directorioEventosContainer::before{top:-1px;bottom:-53px;box-shadow:inset 0 -24px 40px -28px rgba(0,0,0,.55)}
html[data-paleta] :is(#experienciasContainer,.lgx-djs,.lgx-cta)::before{top:-27px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -24px 40px -28px rgba(0,0,0,.55)}
html[data-paleta] .lgx-cta::before{bottom:0}
html[data-paleta] #directorioEventosContainer .lgx-dir{padding-bottom:13px}
html[data-paleta] #experienciasContainer{padding-bottom:13px}
/* sobre la banda no hace falta la linea dorada de arriba de la seccion */
html[data-paleta] :is(.lgx-djs,#experienciasContainer .lgx-globos,#destacadosFilaContainer .lgx-destfila){border-top-color:transparent!important}
/* sombras suaves: las fotos y tarjetas se separan del fondo */
html[data-paleta] :is(.lgx-dest3 .lgx-tile,.lgx-djs .lgx-dj,.lgx-revista-foto,.lgx-banner .swiper){box-shadow:0 22px 44px -26px rgba(0,0,0,.85)}
html[data-paleta] :is(.lgx-globos-pista .lgx-globo img,.lgx-dir-item img,.lgx-fila-item img){box-shadow:0 14px 30px -20px rgba(0,0,0,.8)}
@media (max-width:719px){
  html[data-paleta] :is(#experienciasContainer,.lgx-djs,.lgx-cta)::before{top:-17px}
  html[data-paleta] #destacadosFilaContainer::before{top:-23px}
}

/* "Ver todos" en un solo renglon aunque el titulo sea largo (30-09-2026) */
html[data-paleta] .lgx-ver-directorio{white-space:nowrap}

/* ==========================================================================
   Buscadores como los de Facebook (30-09-2026, pedido del founder): caja rellena de gris mas claro,
   bordes bien redondeados, sin linea abajo, lupa a la izquierda adentro de la caja.
   Portada (.lgx-chat-caja), directorio de lugares (.lgd-buscar), eventos (.lgx-ev-buscar) y DJs.
   ========================================================================== */
html[data-paleta]{--t-buscador:#303135;--t-buscador-foco:#36373b}
html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar){
  display:flex;align-items:center;gap:7px;min-height:45px;padding:0 7px 0 9px!important;
  background:var(--t-buscador)!important;border:0!important;border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;transition:background .2s,box-shadow .2s}
html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar):focus-within{
  background:var(--t-buscador-foco)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--t-accion) 55%,transparent)!important}
/* la lupa va primero, a la izquierda */
html[data-paleta] .lgx-chat-caja #BtnChatBuscar,html[data-paleta] .lgd-buscar button,html[data-paleta] .lgx-ev-buscar button{
  order:-1;width:33px!important;height:33px!important;flex:0 0 33px;color:var(--t-suave)!important;background:none!important}
html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar):focus-within :is(#BtnChatBuscar,button[type=submit]){color:var(--t-accion2)!important}
html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar) input{height:43px!important;font-size:15.5px!important;padding:0 3px!important;background:transparent!important}
html[data-paleta] .lgx-chat-caja .lgx-chat-noche{margin-left:auto!important}
html[data-paleta] .lgd-buscar{margin-top:23px}
html[data-paleta] .lgx-ev-buscar{margin:23px 0 17px}
/* directorio de DJs (/djs): la caja de Metronic con el mismo aspecto */
html[data-paleta] .sticky-busqueda .rounded.d-flex{background:var(--t-buscador)!important;border:0!important;border-radius:999px!important;padding:1px 9px!important;min-height:45px}
html[data-paleta] .sticky-busqueda .rounded.d-flex:focus-within{background:var(--t-buscador-foco)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--t-accion) 55%,transparent)}
html[data-paleta] .sticky-busqueda #TxbFiltroRapido{background:transparent!important;font-size:15.5px}
@media (max-width:719px){
  html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar){min-height:43px}
  html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar) input{font-size:16px!important}
}

/* ==========================================================================
   Sin saltos al cargar (01-10-2026): las secciones de la portada llegan por AJAX y empujaban todo
   (CLS 1,05). Mientras estan vacias reservan su alto final, con un brillo suave; cuando terminan las
   cargas iniciales (index.js: ajaxStop -> html.lgx-home-cargado) la reserva se suelta.
   ========================================================================== */
html[data-paleta]:not(.lgx-home-cargado) #bannersArribaContainer:not(:has(*)){min-height:165px}
html[data-paleta]:not(.lgx-home-cargado) #destacadosFilaContainer:not(:has(*)){min-height:365px}
html[data-paleta]:not(.lgx-home-cargado) #directorioEventosContainer:not(:has(*)){min-height:589px}
html[data-paleta]:not(.lgx-home-cargado) #restaurantesContainer:not(:has(*)){min-height:445px}
html[data-paleta]:not(.lgx-home-cargado) #experienciasContainer:not(:has(*)){min-height:525px}
html[data-paleta]:not(.lgx-home-cargado) #baresContainer:not(:has(*)){min-height:428px}
html[data-paleta]:not(.lgx-home-cargado) #destacadosContainer:not(:has(*)){min-height:464px}
@media (max-width:719px){
  html[data-paleta]:not(.lgx-home-cargado) #bannersArribaContainer:not(:has(*)){min-height:78px}
  html[data-paleta]:not(.lgx-home-cargado) #destacadosFilaContainer:not(:has(*)){min-height:248px}
  html[data-paleta]:not(.lgx-home-cargado) #directorioEventosContainer:not(:has(*)){min-height:411px}
  html[data-paleta]:not(.lgx-home-cargado) #restaurantesContainer:not(:has(*)){min-height:290px}
  html[data-paleta]:not(.lgx-home-cargado) #experienciasContainer:not(:has(*)){min-height:334px}
  html[data-paleta]:not(.lgx-home-cargado) #baresContainer:not(:has(*)){min-height:263px}
  html[data-paleta]:not(.lgx-home-cargado) #destacadosContainer:not(:has(*)){min-height:286px}
}
html[data-paleta]:not(.lgx-home-cargado) :is(#bannersArribaContainer:not(:has(*)), #destacadosFilaContainer:not(:has(*)), #directorioEventosContainer:not(:has(*)), #restaurantesContainer:not(:has(*)), #experienciasContainer:not(:has(*)), #baresContainer:not(:has(*)), #destacadosContainer:not(:has(*))){border-radius:4px;
  background:linear-gradient(100deg,rgba(255,255,255,.02) 30%,rgba(255,255,255,.055) 50%,rgba(255,255,255,.02) 70%) 0 0/250% 100%;animation:lgxEsqueleto 1.6s ease-in-out infinite}
@keyframes lgxEsqueleto{0%{background-position:100% 0}100%{background-position:-50% 0}}
@media (prefers-reduced-motion:reduce){html[data-paleta]:not(.lgx-home-cargado) :is(#bannersArribaContainer:not(:has(*)), #destacadosFilaContainer:not(:has(*)), #directorioEventosContainer:not(:has(*)), #restaurantesContainer:not(:has(*)), #experienciasContainer:not(:has(*)), #baresContainer:not(:has(*)), #destacadosContainer:not(:has(*))){animation:none}}
/* el campo de los buscadores estilo Facebook, en cualquier pagina (no solo en eventos) */
html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar) input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;
  color:var(--t-texto)!important;font:inherit;-webkit-appearance:none;appearance:none}
html[data-paleta] :is(.lgx-chat-caja,.lgd-buscar,.lgx-ev-buscar) input::-webkit-search-cancel-button{-webkit-appearance:none}
html[data-paleta] .lgx-ev-buscar button{display:grid;place-items:center;padding:0;border:0;cursor:pointer}
html[data-paleta] .lgx-ev-buscar button svg{width:19px;height:19px}

/* Titulo y buscador a la misma altura, como en la portada (01-10-2026): eventos, lugares y Reclama tu perfil */
html[data-paleta] .lgx-cab-buscar{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,560px);align-items:center;column-gap:47px;margin:0 0 17px}
html[data-paleta] .lgx-cab-buscar h1{margin:0}
html[data-paleta] .lgx-cab-buscar .lgx-ev-sub{margin:5px 0 0}
html[data-paleta] .lgx-cab-buscar > form{justify-self:end;width:min(560px,100%);margin:0!important}
html[data-paleta] .lgd .lgd-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);grid-template-rows:auto auto;align-items:center;column-gap:47px}
html[data-paleta] .lgd .lgd-cab > h1{grid-column:1;grid-row:1;margin:0}
html[data-paleta] .lgd .lgd-cab > .lgr-conteo{grid-column:1;grid-row:2;margin:5px 0 0}
html[data-paleta] .lgd .lgd-cab > form{grid-column:2;grid-row:1 / span 2;justify-self:end;width:min(560px,100%);margin:0!important}
@media (max-width:899px){
  html[data-paleta] .lgx-cab-buscar,html[data-paleta] .lgd .lgd-cab{display:block}
  html[data-paleta] .lgx-cab-buscar > form,html[data-paleta] .lgd .lgd-cab > form{width:100%;margin:17px 0 0!important}
}

/* ===== Pestanas, cabecera y ciudad (01-10-2026, pedidos del founder) ===== */
/* Las entradas de la portada como pestanas de Chrome: esquinas de arriba redondeadas, apoyadas en una linea */
html[data-paleta] .lgx-entradas{display:flex!important;flex-wrap:nowrap;justify-content:flex-start;gap:2px!important;margin-top:37px;padding:0 6px!important;
  border-top:0!important;border-bottom:1px solid color-mix(in srgb,var(--t-oro) 45%,transparent);overflow-x:auto;scrollbar-width:none}
html[data-paleta] .lgx-entradas::-webkit-scrollbar{display:none}
html[data-paleta] .lgx-entradas a{position:relative;flex:0 1 190px;min-width:0;flex-direction:row!important;justify-content:flex-start;gap:9px!important;
  padding:10px 16px 9px!important;margin-bottom:-1px;border:1px solid transparent!important;border-bottom:0!important;border-radius:11px 11px 0 0!important;
  background:color-mix(in srgb,var(--t-panel) 70%,transparent)!important;transition:background .15s}
html[data-paleta] .lgx-entradas a + a::before{content:"";position:absolute;left:-2px;top:28%;bottom:28%;width:1px;background:var(--t-linea)}
html[data-paleta] .lgx-entradas a:hover{background:var(--t-panel2)!important;border-color:color-mix(in srgb,var(--t-oro) 45%,transparent)!important}
html[data-paleta] .lgx-entradas a:hover::before,html[data-paleta] .lgx-entradas a:hover + a::before{opacity:0}
html[data-paleta] .lgx-entradas a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--t-panel2)}
html[data-paleta] .lgx-entradas .lgx-entrada-texto b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
html[data-paleta] .lgx-entrada-icono svg{width:17px;height:17px}
@media (max-width:719px){
  html[data-paleta] .lgx-entradas{margin-top:23px;padding:0 2px!important}
  html[data-paleta] .lgx-entradas a{flex:1 1 0;flex-direction:column!important;align-items:center;gap:4px!important;padding:8px 2px 7px!important;border-radius:9px 9px 0 0!important}
  html[data-paleta] .lgx-entradas .lgx-entrada-texto b{font-size:10.5px}
}

/* Cabecera: el icono de la app con "App" en el telefono; "Entrar" como boton que se ve */
.lgx-app-icono{width:22px;height:22px;border-radius:6px;display:block}
.lgx-app-corto{display:none}
@media (max-width:767.98px){
  .lgx-app{gap:6px}
  .lgx-app-icono{width:28px;height:28px;border-radius:8px}
  .lgx-app-corto{display:inline;font:600 13px/1 Inter,system-ui,sans-serif;letter-spacing:.02em}
}
.lgx-entrar{display:inline-flex;align-items:center;min-height:36px;padding:0 18px;border:0;border-radius:999px;background:var(--t-accion,#00a261);
  color:var(--t-sobre-accion,#03150d);font:700 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--t-accion,#00a261) 22%,transparent);transition:background .15s}
.lgx-entrar:hover{background:var(--t-accion2,#3ee89b)}

/* ===== Desde Notas, claro y editorial (01-10-2026, pedido del founder) ===== */
/* Banda a todo el ancho sin tocar el contenedor: sombra que la extiende y clip a los costados */
html[data-paleta] .lgx-claro{--lgx-claro-fondo:#ecebe7;
  --t-texto:#141414;--t-suave:#5b5c61;--t-linea:rgba(20,20,20,.14);--t-panel:#e1dfda;--t-panel2:#d7d5cf;--t-oro:#8a6d35;
  --lgx-text:#141414;--lgx-muted:#5b5c61;--lgx-linea:rgba(20,20,20,.14);--lgx-panel:#e1dfda;
  position:relative;color:#141414;background:var(--lgx-claro-fondo);
  box-shadow:0 0 0 100vmax var(--lgx-claro-fondo);clip-path:inset(0 -100vmax);padding:1px 0}
html[data-paleta] .lgx-claro--dj{--lgx-claro-fondo:#dddbd6;--t-panel:#d3d1cb;--t-panel2:#c9c7c1}
html[data-paleta] .lgx-claro :is(h1,h2,h3,h4,.lgx-titulo,p,li,span,b,strong,small,a:not(.lgx-cta-boton)):not(.lgx-dj *){color:inherit}
/* las bandas oscuras de DJs y CTA no van sobre el claro */
html[data-paleta] .lgx-claro :is(.lgx-djs,.lgx-cta)::before{display:none}
html[data-paleta] .lgx-claro :is(small,.lgx-nota-fecha,time){color:var(--t-suave)}
html[data-paleta] .lgx-claro .lgx-fila-flechas button{color:#141414;border-color:rgba(20,20,20,.25);background:transparent}
/* DJs a color, no en blanco y negro */
html[data-paleta] .lgx-djs .lgx-dj img,html[data-paleta] .lgx-claro img{filter:none!important}
/* "Conectate con nosotros": el titulo y un boton, nada mas */
html[data-paleta] .lgx-claro .lgx-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:47px 0 57px;border-top:1px solid var(--t-linea)}
html[data-paleta] .lgx-claro .lgx-cta h2{margin:0;color:#141414;font-size:clamp(23px,2.6vw,31px)}
html[data-paleta] .lgx-claro .lgx-cta-boton{background:#141414!important;color:#f4f3ef!important;border:0}
html[data-paleta] .lgx-claro .lgx-cta-boton:hover{background:var(--t-accion,#00a261)!important;color:#03150d!important}

/* Pie: gris mas oscuro y compacto (enlaces en renglon, no en columna alta) */
html[data-paleta] .lgx-pie{margin-top:0!important;padding:26px 0 22px!important;background:#111214;border-top:0!important;font-size:13px!important}
html[data-paleta] .lgx-pie-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px!important}
/* Linea arriba de las columnas, igual a la que separa el copyright (02-10-2026, pedido del dueño del proyecto) */
html[data-paleta] .lgx-pie-cols{padding-top:22px;border-top:1px solid var(--t-linea,#1d252a)}
html[data-paleta] .lgx-pie h4{margin:0 0 6px!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--t-suave)!important}
html[data-paleta] .lgx-pie-cols > div{display:flex;flex-wrap:wrap;column-gap:14px;align-content:flex-start}
html[data-paleta] .lgx-pie-cols h4{flex:0 0 100%}
html[data-paleta] .lgx-pie a{display:inline-block!important;min-height:0!important;padding:3px 0!important}
html[data-paleta] .lgx-pie-base{margin-top:18px!important;padding-top:14px!important;font-size:12px!important}
html[data-paleta] .lgx-pie-base img{height:20px!important}
@media (max-width:719px){
  html[data-paleta] .lgx-pie-cols{grid-template-columns:1fr;gap:14px!important}
  html[data-paleta] .lgx-pie{padding:20px 0 18px!important}
}
/* sobre la foto del DJ el texto sigue claro */
html[data-paleta] .lgx-claro .lgx-dj{--t-texto:#f4f3ef;--t-suave:rgba(244,243,239,.75);color:#f4f3ef}

/* ===== Un solo ritmo entre secciones de la portada (01-10-2026, pedido del founder) =====
   Cada seccion lleva el mismo aire arriba y abajo (--sec) y nada mas: sin margenes propios, sin lineas
   sueltas. Entre dos secciones queda siempre 2 x --sec, y las bandas de color cubren exactamente su caja. */
/* 17-10-2026 (founder: "muchos espacios en blanco"): de 47/29 a 30/20 */
html[data-paleta]{--sec:30px}
@media (max-width:719px){html[data-paleta]{--sec:20px}}
html[data-paleta] #kt_app_content_container :is(.lgx-fila,.lgx-globos,.lgx-dir,.lgx-ig,.lgx-djs,.lgx-cta,.lgx-banner,.lgx-destfila){
  margin-top:0!important;margin-bottom:0!important;padding-top:var(--sec)!important;padding-bottom:var(--sec)!important;border-top:0!important;border-bottom:0!important}
/* dentro de una seccion no se vuelve a sumar aire (p. ej. la fila de Destacados dentro de su contenedor) */
html[data-paleta] #kt_app_content_container :is(.lgx-fila,.lgx-globos,.lgx-dir,.lgx-ig,.lgx-djs,.lgx-cta,.lgx-banner,.lgx-destfila) :is(.lgx-fila,.lgx-globos,.lgx-dir,.lgx-banner){padding-top:0!important;padding-bottom:0!important}
/* contenedores y huecos vacios no agregan nada */
html[data-paleta] #kt_app_content_container > :is(div,section):not(.lgx-portada){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
html[data-paleta] #kt_app_content_container > :is(div,section):not(.lgx-portada):empty{display:none}
html[data-paleta] .lgx-buscando-estado[hidden]{display:none!important}
/* las bandas: del borde de arriba al de abajo de su seccion, simetricas */
html[data-paleta] :is(#destacadosFilaContainer,#directorioEventosContainer,#experienciasContainer,.lgx-djs,.lgx-cta)::before{top:0!important;bottom:0!important}
/* portada: la linea de las pestanas cierra la cabecera; el primer bloque arranca a --sec de ella */
html[data-paleta] .lgx-portada{padding-bottom:0!important}

/* ===== DJs destacados en 3 filas y cierre de la portada (01-10-2026) ===== */
html[data-paleta] .lgx-djs .lgx-fila-pista{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px!important;overflow:visible!important;scroll-snap-type:none!important}
html[data-paleta] .lgx-djs .lgx-fila-pista > .lgx-dj{width:auto!important;max-width:none!important;flex:none!important;margin:0!important}

@media (max-width:1039px){
  html[data-paleta] .lgx-djs .lgx-fila-pista{grid-template-columns:repeat(4,minmax(0,1fr))}
  
}
@media (max-width:719px){
  html[data-paleta] .lgx-djs .lgx-fila-pista{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important}
  html[data-paleta] .lgx-djs .lgx-fila-pista > .lgx-dj{flex:none!important;width:auto!important}
  
  html[data-paleta] .lgx-djs .lgx-fila-nombre{font-size:14px}
  html[data-paleta] .lgx-djs .lgx-dj-generos{display:none}
}
/* el cierre: una frase y la marca, centradas, con el mismo aire que cualquier seccion */
html[data-paleta] .lgx-cierre{display:flex;flex-direction:column;align-items:center;gap:var(--a-2,17px);padding:calc(var(--sec) * 1.5) 0;text-align:center}
html[data-paleta] .lgx-cierre-frase{margin:0;font-family:var(--t-display);font-weight:500;font-size:clamp(27px,3.4vw,43px);letter-spacing:-.01em;line-height:1.1;color:#141414}
html[data-paleta] .lgx-cierre-logo{height:27px;width:auto;display:block}
/* DJs destacados paginados por Index.js (hidden); flechas arriba como el resto; "Ver todos" con mas aire */
html[data-paleta] .lgx-djs .lgx-fila-pista > .lgx-dj[hidden]{display:none!important}
html[data-paleta] .lgx-djs :is(.lgx-djs-prev,.lgx-djs-next){width:37px;height:37px;border:1px solid var(--t-linea);border-radius:50%;background:transparent;color:inherit;font-size:21px;line-height:1;cursor:pointer}
html[data-paleta] .lgx-djs :is(.lgx-djs-prev,.lgx-djs-next):hover{border-color:currentColor}
html[data-paleta] .lgx-djs :is(.lgx-djs-prev,.lgx-djs-next)[hidden]{display:none}
html[data-paleta] .lgx-djs .lgx-fila-flechas{display:flex;gap:9px}
html[data-paleta] .lgx-djs .lgx-djs-todos{margin-top:var(--a-3,29px)!important}
/* "Locals" va pegada debajo de los destacados (01-10-2026): menos aire entre las dos */
html[data-paleta] #kt_app_content_container .lgx-djs:has(+ .lgx-djs--locals){padding-bottom:var(--a-2,17px)!important}
html[data-paleta] #kt_app_content_container .lgx-djs--locals{padding-top:var(--a-2,17px)!important}
/* Locals: una fila de tarjetas mas chicas (01-10-2026) */
html[data-paleta] .lgx-djs--locals .lgx-fila-pista{grid-template-columns:repeat(8,minmax(0,1fr));gap:11px!important}
html[data-paleta] .lgx-djs--locals .lgx-fila-nombre{font-size:14.5px}
html[data-paleta] .lgx-djs--locals .lgx-dj-generos{display:none}
html[data-paleta] .lgx-djs--locals .lgx-dj-info{padding:0 9px 9px!important}
html[data-paleta] .lgx-djs--locals .lgx-dj-n{top:8px;left:9px;font-size:9.5px}
@media (max-width:1039px){html[data-paleta] .lgx-djs--locals .lgx-fila-pista{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:719px){
  html[data-paleta] .lgx-djs--locals .lgx-fila-pista{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important}
  html[data-paleta] .lgx-djs--locals .lgx-fila-nombre{font-size:11.5px}
  html[data-paleta] .lgx-djs--locals .lgx-dj-n{display:none}
}

/* "Ver todos" como boton en la cabecera de cada carrusel, a la derecha y antes de las flechas
   (01-10-2026). Antes iba como texto debajo de la grilla (.lgx-boton-directorio). Pildora con
   borde fino, mayusculas espaciadas y la flecha en el color de accion, como el resto del tema. */
html[data-paleta] .lgx-fila-flechas{align-items:center}
html[data-paleta] .lgx-ver-todos{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;margin-right:10px;
  border:1px solid var(--t-linea);border-radius:999px;background:none;color:var(--t-texto);
  font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none;
  transition:border-color .2s ease,color .2s ease}
html[data-paleta] .lgx-ver-todos::after{content:"\2192";color:var(--t-accion);transition:transform .2s ease}
html[data-paleta] .lgx-ver-todos:hover{border-color:var(--t-mostaza);color:var(--t-mostaza);text-decoration:none}
html[data-paleta] .lgx-ver-todos:hover::after{transform:translateX(3px)}
html[data-paleta] .lgx-ver-todos:focus-visible{outline:2px solid var(--t-accion);outline-offset:2px}
/* En las secciones claras (Notas, DJs) el texto es oscuro: el borde tambien. */
html[data-paleta] .lgx-claro .lgx-ver-todos{color:#141414;border-color:rgba(20,20,20,.25)}
html[data-paleta] .lgx-claro .lgx-ver-todos:hover{color:#141414;border-color:#141414}
@media (max-width:719px){
  html[data-paleta] .lgx-ver-todos{height:30px;padding:0 11px;margin-right:4px;gap:6px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){html[data-paleta] .lgx-ver-todos,html[data-paleta] .lgx-ver-todos::after{transition:none}}

/* Portada en dos renglones (02-10-2026, pedido del dueño del proyecto): la ciudad a la izquierda y
   "Esta semana" a la derecha en el mismo renglon; abajo el buscador a todo el ancho del contenido.
   Pisa la grilla de la seccion 10 (ciudad | buscador centrado de 720px). */
html[data-paleta] .lgx-portada-cab{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.lgx-portada-fila{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;min-width:0}
.lgx-portada-fila .lgx-portada-ciudad{flex:1 1 auto;min-width:0}
html[data-paleta] .lgx-portada-fila .lgx-ciudad{overflow-wrap:anywhere}
html[data-paleta] .lgx-portada-cab .lgx-chat{width:100%;max-width:none;justify-self:stretch;flex:none;margin:0!important}
/* "Esta semana" fuera del buscador: la misma pildora que tenia adentro */
html[data-paleta] .lgx-chat-chips.lgx-portada-cuando{display:flex;flex:0 0 auto;margin:0!important;padding:0;gap:0;overflow:visible;
  -webkit-mask-image:none;mask-image:none}
html[data-paleta] .lgx-portada-cuando button{width:auto;height:33px;display:inline-flex;align-items:center;gap:7px;padding:0 13px!important;
  border:1px solid color-mix(in srgb,var(--t-accion) 55%,transparent)!important;border-radius:999px;background:transparent!important;
  color:var(--t-texto)!important;font-size:13.5px;font-weight:500;letter-spacing:0;white-space:nowrap;box-shadow:none!important;
  transition:background .2s,color .2s,border-color .2s}
html[data-paleta] .lgx-portada-cuando button:hover{border-color:var(--t-accion)!important}
html[data-paleta] .lgx-portada-cuando button.active{background:var(--t-accion)!important;border-color:var(--t-accion)!important;color:var(--t-sobre-accion)!important}
@media (max-width:719px){
  html[data-paleta] .lgx-portada-cab{gap:12px}
  html[data-paleta] .lgx-portada-cuando button{height:31px;padding:0 11px!important;font-size:13px}
}

/* CTA "WebApp" del encabezado (02-10-2026): icono SVG de trazo fino en lugar de la imagen de la app,
   y el mismo texto en todos los tamaños. */
.lgx-app-icono--webapp{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;border-radius:0;flex:none}
.lgx-app-icono--webapp circle{fill:currentColor;stroke:none}
@media (max-width:767.98px){
  .lgx-app-icono--webapp{width:22px;height:22px}
}
/* En celulares "WebApp" es mas largo que el "App" de antes: mas compacto y centrado en el hueco
   entre el idioma y la campana, para que no se monte sobre la campana. */
@media (max-width:429.98px){
  .lgx-app{gap:4px;left:calc(50% + 7px)}
  .lgx-app-icono--webapp{width:18px;height:18px}
  .lgx-app-corto{font-size:11.5px;letter-spacing:0}
}
/* Menos de 360px: entre el idioma y la campana no entra texto; queda el icono (aria-label "WebApp"). */
@media (max-width:359.98px){.lgx-app-corto{display:none}}

/* Sin la etiqueta "Ambiente" en ninguna foto (17-10-2026, pedido del founder). */
.lgx-amb-marca{display:none!important}

/* ---------- 23-10-2026 (founder): naranja solo en lo urgente, Ver todos verde, ciudad mas chica ----------
   El naranja (--t-urgente) es para lo que pide actuar ya: pagar, comprar entradas, reservar, contactar.
   btn-tScustomButton se usa en 160 lugares, por eso van por id y no por clase. */
html[data-paleta] :is(#BtnProcesarPedido,#BtnProcesarPedidoOxxo,#BtnReservarPedido,#BtnReservarPedidoGratuito,.btn-success[data-url],.rv-btn,.fx-top-cta,.lgx-urgente){
  background:var(--t-urgente)!important;color:var(--t-sobre-urgente)!important;border-color:transparent!important}
html[data-paleta] :is(#BtnProcesarPedido,#BtnProcesarPedidoOxxo,#BtnReservarPedido,#BtnReservarPedidoGratuito,.btn-success[data-url],.rv-btn,.fx-top-cta,.lgx-urgente):hover{
  background:color-mix(in srgb,var(--t-urgente) 86%,#fff)!important}
/* Ver todos: boton verde con texto blanco, sin la flecha */
html[data-paleta] .lgx-ver-todos{background:var(--t-accion);border-color:var(--t-accion);color:#fff}
html[data-paleta] .lgx-ver-todos::after{content:none}
html[data-paleta] .lgx-ver-todos:hover{background:var(--t-accion2);border-color:var(--t-accion2);color:#fff}
html[data-paleta] .lgx-claro .lgx-ver-todos,html[data-paleta] .lgx-claro .lgx-ver-todos:hover{color:#fff!important;border-color:var(--t-accion)}
/* El nombre de la ciudad, mas chico (antes hasta 59 px) */
html[data-paleta] .lgx-portada .lgx-ciudad{font-size:clamp(26px,3.2vw,36px)!important}
/* Banners de borde a borde (_BannerMostrar): las reglas de arriba les fijaban margen 0 a los lados,
   marco dorado y sombra. clip en html evita la barra horizontal que suma el 100vw. */
html{overflow-x:clip}
html[data-paleta] .lgx-banner{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
html[data-paleta] .lgx-banner .swiper{border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-paleta] .lgx-banner-puntos .swiper-pagination-bullet-active{background:var(--t-accion)!important}
html[data-paleta] #kt_app_content_container .lgx-banner{padding-top:12px!important;padding-bottom:12px!important}
/* 23-10-2026 (founder): "en todas las secciones hay mucho espacio vacio". Menos aire entre secciones y
   bajo los titulos (antes 30 px arriba y abajo de cada una y 23 px bajo el titulo). */
html[data-paleta]{--sec:16px}
@media (max-width:719px){html[data-paleta]{--sec:12px}}
html[data-paleta] #kt_app_content_container .lgx-fila-titulo{margin-bottom:12px!important}
html[data-paleta] .lgx-portada{padding-top:22px!important}
/* 26-10-2026 (founder): sin el boton "Hablanos" y con menos alto; el cierre entero es el enlace al WhatsApp. */
html[data-paleta] a.lgx-cierre{gap:10px;padding:var(--sec) 0!important;text-decoration:none;cursor:pointer}
html[data-paleta] a.lgx-cierre:hover .lgx-cierre-frase{color:var(--t-accion)}
/* ---------- 23-10-2026 (founder): buscador con la forma del recuadro del logo de LOGIN ----------
   Como la caja del "IN": arriba, a la derecha y abajo enteros; a la izquierda solo un tramo arriba. */
html[data-paleta] .lgx-portada .lgx-chat-caja{position:relative;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  border:1.5px solid color-mix(in srgb,var(--t-texto) 78%,transparent)!important;border-left:0!important;padding-left:16px!important}
html[data-paleta] .lgx-portada .lgx-chat-caja::before{content:"";position:absolute;left:0;top:-1.5px;width:1.5px;height:38%;background:color-mix(in srgb,var(--t-texto) 78%,transparent)}
html[data-paleta] .lgx-portada .lgx-chat-caja:focus-within,html[data-paleta] .lgx-portada .lgx-chat-caja:focus-within::before{border-color:var(--t-accion)!important;background-color:var(--t-accion)}
html[data-paleta] .lgx-portada .lgx-chat-caja:focus-within{background:transparent!important}
/* Destacados: menos aire arriba y abajo */
html[data-paleta] #kt_app_content_container .lgx-c3d{padding-top:10px!important;padding-bottom:6px!important}
html[data-paleta] #kt_app_content_container .lgx-c3d .lgx-fila-titulo{margin-bottom:8px!important}
/* Las tarjetas del directorio de eventos, en la misma linea que las cartas de Destacados:
   filete plateado, foto llena y el nombre y la fecha encima, en una linea. */
html[data-paleta] #directorioEventosContainer .lgx-dir-item{position:relative;padding:2px!important;border-radius:10px!important;overflow:hidden!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-item img{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:8px!important;box-shadow:none!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-info{position:absolute;left:2px;right:2px;bottom:2px;display:grid;gap:2px;margin:0!important;padding:22px 9px 8px!important;border-radius:0 0 8px 8px;
  background:linear-gradient(to top,rgba(8,9,10,.96) 0%,rgba(8,9,10,.84) 55%,rgba(8,9,10,0) 100%)}
html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{display:block!important;white-space:nowrap!important;overflow:hidden!important;-webkit-line-clamp:unset!important;color:#fff!important;font-weight:800;font-size:13px!important;line-height:1.15!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-lugar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(242,242,246,.72)!important;font-size:11px!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-dia{color:var(--t-mostaza)!important;letter-spacing:.08em;font-weight:700}
/* Si un nombre no entra en una linea ni con 10 px (lgx-titulos.js), se corta al final. */
html[data-paleta] :is(.lgx-c3d-nombre,#directorioEventosContainer .lgx-dir-nombre){text-overflow:ellipsis!important}
/* ---------- 23-10-2026 (founder): filete holografico de las cartas de eventos ----------
   Plateado con reflejos apenas anaranjados. Solo se mueve despacio; con el mouse encima, el
   brillo sigue al puntero (lgx-holo.js pone --hx/--hy). .lgx-holo--fino: el marco mas delgado. */
/* a.lgx-holo.lgx-holo: le gana a :is(.lgx-fila-item, .lgx-globos-pista .lgx-globo ...){background:none!important} */
html[data-paleta] a.lgx-holo.lgx-holo{
  background-color:#9aa0a6!important;
  background-image:linear-gradient(125deg,#e7e9ec 0%,#8e9399 16%,#f6e3cf 30%,#a3a8ae 42%,#ffffff 50%,#8b9096 60%,#f2d5b8 72%,#9fa4aa 86%,#e4e6e9 100%)!important;
  background-size:320% 320%!important;background-position:var(--hx) var(--hy)!important;
  animation:lgxHolo 9s ease-in-out infinite alternate}
html[data-paleta] a.lgx-holo.lgx-holo.lgx-holo-mano{animation:none;transition:--hx .12s linear,--hy .12s linear}
html[data-paleta] .lgx-holo--fino{padding:1px!important;border-radius:8px!important}
/* --hx/--hy registradas: se animan aunque .lgx-fila-item fije el fondo con background:none!important */
@property --hx{syntax:"<percentage>";inherits:false;initial-value:0%}
@property --hy{syntax:"<percentage>";inherits:false;initial-value:40%}
@keyframes lgxHolo{from{--hx:0%;--hy:40%}to{--hx:100%;--hy:60%}}
@media (prefers-reduced-motion:reduce){html[data-paleta] .lgx-holo{animation:none}}
/* Directorio de eventos: 6 por fila, cartas mas verticales, foto arriba y texto abajo (no encima). */
html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:20px 16px!important}
@media (max-width:1039px){html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}}
html[data-paleta] #directorioEventosContainer .lgx-dir-item{display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-item img{aspect-ratio:3/4!important;border-radius:7px 7px 0 0!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-info{position:static!important;padding:8px 9px 9px!important;border-radius:0 0 7px 7px!important;background:#0c0d0e!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:14px!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-item.lgx-holo--fino{padding:1px!important;border-radius:8px!important}
/* Buscador: el trazo con el grosor de la linea del logo (23-10, founder), antes 1.5 px */
html[data-paleta] .lgx-portada .lgx-chat-caja{border-width:3px!important;border-left:0!important}
html[data-paleta] .lgx-portada .lgx-chat-caja::before{width:3px!important;top:-3px!important}
/* ---------- 23-10-2026 (founder), tanda 3 ----------
   Eventos: grilla de 3 por fila y 2 filas (6 por pagina, LgxEventosPorPagina), cartas 4:5 y solo la fecha. */
html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 18px!important}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}}
html[data-paleta] #directorioEventosContainer .lgx-dir-item img{aspect-ratio:4/5!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:17px!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-lugar{font-size:12.5px!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-info{padding:10px 13px 11px!important}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:14px!important}html[data-paleta] #directorioEventosContainer .lgx-dir-info{padding:8px 9px 9px!important}}
/* Restaurantes, beach clubs, bares y experiencias: la misma carta (foto arriba, nombre en una linea
   y abajo estrellas y resenas), con el filete holografico fino. */
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo{display:flex!important;flex-direction:column!important;gap:0!important;padding:1px!important;border-radius:8px!important;overflow:hidden!important}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-foto{aspect-ratio:4/5!important;width:100%!important;height:auto!important;border-radius:7px 7px 0 0!important;overflow:hidden;margin:0!important}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-foto img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;box-shadow:none!important}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-info{display:grid!important;gap:3px;margin:0!important;padding:8px 10px 9px!important;background:#0c0d0e!important;border-radius:0 0 7px 7px}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-nombre{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;-webkit-line-clamp:unset!important;color:#fff!important;font-weight:800;font-size:14px!important;line-height:1.15!important}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-meta{color:rgba(242,242,246,.72)!important;font-size:12px!important;white-space:nowrap}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-meta b{color:var(--t-mostaza)!important;font-weight:700}
html[data-paleta] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-medalla{z-index:3}
/* Banners: sin aire debajo; el borde del banner ya marca la division con la seccion siguiente. */
html[data-paleta] #kt_app_content_container .lgx-banner{padding-top:8px!important;padding-bottom:0!important}
html[data-paleta] .lgx-banner .swiper{background:transparent!important}
/* Giro de las cartas de Destacados para el brillo holografico (_DestacadosFila): registradas para que se animen */
@property --p{syntax:"<number>";inherits:true;initial-value:0}
@property --brillo{syntax:"<number>";inherits:true;initial-value:0}
/* "Esta semana" (23-10, founder): mas chico y sin el circulito */
html[data-paleta] .lgx-portada-cuando .lgx-noche-punto{display:none!important}
html[data-paleta] .lgx-portada-cuando button{height:28px!important;min-height:0!important;padding:0 12px!important;font-size:12px!important;gap:0!important}
/* ---------- 23-10-2026 (founder), tanda 4 ----------
   Eventos: 4 por fila en dos filas (8 por pagina), menos espacio y filete naranja (el de Claude, #D97757). */
html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 12px!important}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 8px!important}}
html[data-paleta] #directorioEventosContainer a.lgx-dir-item.lgx-borde-evento{padding:1px!important;border-radius:8px!important;background:#D97757!important}
html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:15px!important}
/* Lugares: menos espacio entre cartas y el filete del color de cada seccion (fino, sin el plateado). */
html[data-paleta] .lgx-globos-pista{gap:10px!important}
html[data-paleta] .lgx-globos[data-borde] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{background-image:none!important;animation:none}
html[data-paleta] .lgx-globos[data-borde="rojo"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{background-color:#d6453d!important}
html[data-paleta] .lgx-globos[data-borde="celeste"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{background-color:#5ec8ee!important}
html[data-paleta] .lgx-globos[data-borde="dorado"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{background-color:#d4af37!important}
html[data-paleta] .lgx-globos[data-borde="blanco"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{background-color:#eceae4!important}
/* Banners de alto fijo: la regla vieja de Index.cshtml (.lgx-banner .lgx-banner-slide img{height:auto;max-height:340px}) ganaba */
html[data-paleta] .lgx-banner .lgx-banner-slide img{height:clamp(180px,19vw,300px)!important;max-height:none!important}
/* 23-10-2026 (founder): el banner se ve entero, sin recortar. La pieza va completa (contain) y lo que
   sobra arriba y abajo lo llena la misma pieza desenfocada (--lgx-banner-fondo, de _BannerMostrar). */
html[data-paleta] .lgx-banner .lgx-banner-slide{position:relative;overflow:hidden;height:clamp(110px,12.5vw,175px)}
html[data-paleta] .lgx-banner .lgx-banner-slide::before{content:"";position:absolute;inset:-30px;z-index:0;
  background:var(--lgx-banner-fondo) center/cover no-repeat;filter:blur(22px) brightness(.55) saturate(1.1)}
html[data-paleta] .lgx-banner .lgx-banner-slide picture{position:relative;z-index:1;display:block;height:100%}
html[data-paleta] .lgx-banner .lgx-banner-slide img{height:100%!important;max-height:none!important;object-fit:contain!important}
/* Eventos en el telefono (23-10, founder): 3 por fila en dos filas, mas chicas que las cartas de Destacados (44vw) */
@media (max-width:719px){
  html[data-paleta] #directorioEventosContainer .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 6px!important}
  html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:11.5px!important}
  html[data-paleta] #directorioEventosContainer .lgx-dir-lugar{font-size:9.5px!important}
  html[data-paleta] #directorioEventosContainer .lgx-dir-info{padding:6px 6px 7px!important}
}
/* Paginas de Eventos con puntos (23-10, founder): el activo naranja y alargado, los demas grises */
html[data-paleta] .lgx-dir-puntos{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px 0 0}
html[data-paleta] .lgx-dir-punto{width:7px;height:7px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.28);cursor:pointer;transition:width .25s ease,background .25s ease}
html[data-paleta] .lgx-dir-punto:hover{background:rgba(255,255,255,.55)}
html[data-paleta] .lgx-dir-punto.on{width:22px;background:var(--t-urgente,#f28c38)}
html[data-paleta] .lgx-dir-punto:focus-visible{outline:2px solid var(--t-accion);outline-offset:2px}
html[data-paleta] #directorioEventosContainer .lgx-dir-grid{touch-action:pan-y}
/* Cartas de la portada con borde real de 1 px (23-10, founder): el relleno de color con padding dejaba
   las puntas redondeadas raras. Eventos (naranja) y lugares (color de su seccion). */
html[data-paleta] #directorioEventosContainer a.lgx-dir-item.lgx-borde-evento{padding:0!important;border:1px solid #D97757!important;background:#0c0d0e!important;border-radius:8px!important}
html[data-paleta] #directorioEventosContainer a.lgx-dir-item.lgx-borde-evento img{border-radius:0!important}
html[data-paleta] #directorioEventosContainer a.lgx-dir-item.lgx-borde-evento .lgx-dir-info{border-radius:0!important}
html[data-paleta] .lgx-globos[data-borde] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{padding:0!important;background-color:#0c0d0e!important;border:1px solid #eceae4!important}
html[data-paleta] .lgx-globos[data-borde="rojo"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{border-color:#d6453d!important;background-color:#0c0d0e!important}
html[data-paleta] .lgx-globos[data-borde="celeste"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{border-color:#5ec8ee!important;background-color:#0c0d0e!important}
html[data-paleta] .lgx-globos[data-borde="dorado"] .lgx-globos-pista a.lgx-globo.lgx-holo.lgx-holo{border-color:#d4af37!important;background-color:#0c0d0e!important}
html[data-paleta] .lgx-globos[data-borde] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-foto,html[data-paleta] .lgx-globos[data-borde] .lgx-globos-pista a.lgx-globo.lgx-holo .lgx-globo-info{border-radius:0!important}
/* ---------- 23-10-2026 (founder): las paginas del pie con el mismo estilo que la portada ----------
   Buscador de Eventos y Reclamar con la forma del recuadro del logo. */
html[data-paleta] .lgx-ev-buscar{position:relative;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  border:3px solid color-mix(in srgb,var(--t-texto) 78%,transparent)!important;border-left:0!important;padding-left:16px!important}
html[data-paleta] .lgx-ev-buscar::before{content:"";position:absolute;left:0;top:-3px;width:3px;height:38%;background:color-mix(in srgb,var(--t-texto) 78%,transparent);pointer-events:none}
html[data-paleta] .lgx-ev-buscar:focus-within,html[data-paleta] .lgx-ev-buscar:focus-within::before{border-color:var(--t-accion)!important;background-color:var(--t-accion)}
html[data-paleta] .lgx-ev-buscar:focus-within{background:transparent!important}
html[data-paleta] .lgx-ev-buscar input{background:transparent!important;border:0!important}
/* Eventos: la carta de la portada (filete naranja, foto 4:5, nombre en una linea, SAB 31 OCT) */
html[data-paleta] .lgx-ev-card{border:1px solid #D97757!important;border-radius:8px!important;background:#0c0d0e!important}
html[data-paleta] .lgx-ev-card:hover{border-color:#e8906f!important}
html[data-paleta] .lgx-ev-card img{aspect-ratio:4/5!important}
html[data-paleta] .lgx-ev-card .lgx-ev-info{padding:9px 11px 10px!important;gap:3px!important}
html[data-paleta] .lgx-ev-card .lgx-ev-nombre{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset!important;font-weight:800;font-size:15px}
html[data-paleta] .lgx-ev-card .lgx-ev-fecha{color:var(--t-mostaza)!important;font-size:12.5px;letter-spacing:.08em}
/* Lugares (/venues): la carta de lugares, filete blanco fino, foto arriba y nombre, tipo y ciudad abajo */
html[data-paleta] #venuesLista{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;margin:0!important}
@media (max-width:1039px){html[data-paleta] #venuesLista{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:719px){html[data-paleta] #venuesLista{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px}}
html[data-paleta] #venuesLista > *{width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
html[data-paleta] .lgx-lugar-carta{display:flex;flex-direction:column;border:1px solid #eceae4;border-radius:8px;overflow:hidden;background:#0c0d0e;color:#fff;text-decoration:none}
html[data-paleta] .lgx-lugar-carta:hover{border-color:var(--t-accion);color:#fff}
html[data-paleta] .lgx-lugar-foto{aspect-ratio:4/5;background-size:cover!important;background-position:center!important}
html[data-paleta] .lgx-lugar-info{display:grid;gap:2px;padding:8px 10px 9px}
html[data-paleta] .lgx-lugar-info b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-paleta] .lgx-lugar-info small{font-size:11.5px;color:rgba(242,242,246,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:719px){html[data-paleta] .lgx-lugar-info b{font-size:12px}html[data-paleta] .lgx-lugar-info small{font-size:10px}html[data-paleta] .lgx-lugar-info{padding:6px 7px 7px}}
/* Reclama tu perfil: el titulo en una linea */
html[data-paleta] h1{text-wrap:balance}
html[data-paleta] .lgx-rec .lgx-cab-buscar{display:block!important}
html[data-paleta] .lgx-rec h1{white-space:nowrap}
/* Beneficios: las opciones como cartas finas (borde de 1 px, esquinas de 8 px) y su accion en naranja (contactar) */
html[data-paleta] .lgx-op{border:1px solid var(--t-linea)!important;border-radius:8px!important;background:#0c0d0e!important;box-shadow:none!important}
html[data-paleta] .lgx-op:hover{border-color:var(--t-accion)!important}
html[data-paleta] .lgx-op em{color:var(--t-urgente)!important;font-style:normal;font-weight:700}
html[data-paleta] .lgx-op .lgx-op-gana{color:var(--t-accion)!important}
/* Lugares (/venues): el buscador con la forma del logo; Reclamar: el buscador alineado con el titulo */
html[data-paleta] .rounded:has(> .d-flex > #TxbFiltroRapido){position:relative;border-radius:0!important;background:transparent!important;
  border:3px solid color-mix(in srgb,var(--t-texto) 78%,transparent)!important;border-left:0!important;padding-left:10px!important}
html[data-paleta] .rounded:has(> .d-flex > #TxbFiltroRapido)::before{content:"";position:absolute;left:0;top:-3px;width:3px;height:38%;background:color-mix(in srgb,var(--t-texto) 78%,transparent)}
html[data-paleta] #TxbFiltroRapido{background:transparent!important}
html[data-paleta] .lgx-rec .lgx-ev-buscar{margin:0!important;max-width:none!important;width:100%!important}
/* Eventos como carrusel (23-10, founder): dos filas que se desplazan de costado, de a 4 (3 en el telefono),
   con las mismas flechas que las otras filas. Sin los puntos. */
html[data-paleta] #directorioEventosContainer .lgx-dir-carrusel .lgx-dir-grid{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,auto)!important;
  grid-template-columns:none!important;grid-auto-columns:calc((100% - 36px) / 4)!important;gap:14px 12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
html[data-paleta] #directorioEventosContainer .lgx-dir-carrusel .lgx-dir-grid::-webkit-scrollbar{display:none}
html[data-paleta] #directorioEventosContainer .lgx-dir-carrusel .lgx-dir-item{scroll-snap-align:start}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir-carrusel .lgx-dir-grid{grid-auto-columns:calc((100% - 12px) / 3)!important;gap:8px 6px!important}}
html[data-paleta] .lgx-dir-puntos{display:none!important}
/* ---------- 23-10-2026 (founder): landing del evento (/Home/Ver) con el estilo de la de DJ ----------
   Mismos datos y tablas; sin cajas: el flyer con el filete naranja de las cartas de eventos,
   lineas finas entre secciones, la compra en naranja y "Como llegar" como boton fino. */
html[data-paleta] .lgx-evf .card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html[data-paleta] .lgx-evf > [class*="col-"] + [class*="col-"] > .card:first-child{border-top:1px solid var(--t-linea)!important;padding-top:14px}
@media (min-width:768px){html[data-paleta] .lgx-evf > [class*="col-"] + [class*="col-"] > .card:first-child{border-top:0!important;padding-top:0}}
html[data-paleta] .lgx-evf .card-header{padding:0!important;border:0!important;min-height:0!important}
html[data-paleta] .lgx-evf .card-header img{width:100%!important;height:auto!important;border-radius:8px!important;border:1px solid #D97757;margin:0!important;box-shadow:0 22px 44px -26px rgba(0,0,0,.85)}
html[data-paleta] .lgx-evf .card-body,html[data-paleta] .lgx-evf .card-footer{padding-left:0!important;padding-right:0!important;border-top:0!important}
html[data-paleta] .lgx-evf .card-body{font-size:15px;line-height:1.62;color:rgba(239,238,233,.86)}
html[data-paleta] .lgx-evf .col-md-5 > .card.overflow-hidden > .card-body::before{content:"Sobre el evento";display:block;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--t-suave)}
html[data-paleta] .lgx-evf .fs-1{font-size:16px!important}
html[data-paleta] .lgx-evf .lgx-urgente,html[data-paleta] .lgx-evf .btn-success{border-radius:999px!important;min-height:50px;font-size:15px!important;font-weight:800!important;letter-spacing:.02em}
html[data-paleta] .lgx-evf .btn-success:not(.lgx-urgente):not([data-url]){background:transparent!important;color:var(--t-texto)!important;border:1px solid color-mix(in srgb,var(--t-texto) 45%,transparent)!important;min-height:44px;font-weight:600!important}
html[data-paleta] .lgx-evf .btn-success:not(.lgx-urgente):not([data-url]):hover{border-color:var(--t-accion)!important;color:var(--t-accion)!important}
html[data-paleta] .lgx-evf .card.border-0.mt-5{border-top:1px solid var(--t-linea)!important;padding-top:14px}
@media (max-width:719px){
  html[data-paleta] .lgx-evf{--bs-gutter-y:10px}
  html[data-paleta] .lgx-evf .card-body{font-size:14.5px}
}
/* Landing del evento, ajuste: le gana a las reglas con el id del contenedor; el texto no se recorta */
html[data-paleta] #kt_app_content_container .lgx-evf .card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
html[data-paleta] #kt_app_content_container .lgx-evf > [class*="col-"] + [class*="col-"] > .card:first-child{border-top:1px solid var(--t-linea)!important}
@media (min-width:768px){html[data-paleta] #kt_app_content_container .lgx-evf > [class*="col-"] + [class*="col-"] > .card:first-child{border-top:0!important}}
html[data-paleta] #kt_app_content_container .lgx-evf .card-body{padding:4px 2px 0!important}
html[data-paleta] #kt_app_content_container .lgx-evf #BtnComoLlegar,html[data-paleta] #kt_app_content_container .lgx-evf a[href*="maps"]{background:transparent!important;color:var(--t-texto)!important;
  border:1px solid color-mix(in srgb,var(--t-texto) 45%,transparent)!important;border-radius:999px!important;min-height:44px;font-size:14px!important;font-weight:600!important}
html[data-paleta] #kt_app_content_container .lgx-evf #BtnComoLlegar:hover{border-color:var(--t-accion)!important;color:var(--t-accion)!important}
html[data-paleta] #kt_app_content_container .lgx-evf .card{outline:0!important}
/* El carrusel de Eventos le gana a .lgx-dir:not(.lgx-dir-chico) .lgx-dir-grid{repeat(4)}: con esas columnas fijas
   las primeras 8 cartas quedaban de 2 px (se veian como rayas naranjas) */
html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-template-columns:none!important;grid-auto-columns:calc((100% - 36px) / 4)!important}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 12px) / 3)!important}}
/* 23-10-2026 (founder): el banner sin espacio vacio. Toma el alto de su pieza (las grandes son 8:1, el
   tamano de computadora), asi la imagen llena todo el ancho sin recortarse ni dejar relleno desenfocado.
   Pisa el alto fijo y el contain de arriba. */
html[data-paleta] .lgx-banner .lgx-banner-slide{height:auto!important}
html[data-paleta] .lgx-banner .lgx-banner-slide::before{display:none!important}
html[data-paleta] .lgx-banner .lgx-banner-slide picture{height:auto!important}
html[data-paleta] .lgx-banner .lgx-banner-slide img{width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important}
/* 24-10-2026 (founder): "un poco mas de espacio entre secciones" (antes 16/12 px por lado). */
html[data-paleta]{--sec:24px}
@media (max-width:719px){html[data-paleta]{--sec:18px}}
html[data-paleta] #kt_app_content_container .lgx-fila-titulo{margin-bottom:16px!important}
/* 24-10-2026 (founder): telefono. Fechas legibles, flechas y "Esta semana" del tamano del dedo, y el
   con 3 eventos o menos, el carrusel de dos pisos va en un solo piso (quedaba una carta sola abajo). */
@media (max-width:719px){
  html[data-paleta] :is(.lgx-c3d-fecha,.lgx-dir-dia){font-size:12px!important}
  html[data-paleta] :is(.lgx-fila-prev,.lgx-fila-next){min-width:40px;min-height:40px}
  html[data-paleta] .lgx-portada-cuando :is(a,button){min-height:36px}
  html[data-paleta] #directorioEventosContainer .lgx-dir-nombre{font-size:12.5px!important}
}
html[data-paleta] #directorioEventosContainer .lgx-dir-carrusel .lgx-dir-grid:not(:has(> :nth-child(4))){grid-template-rows:auto!important}
/* 24-10-2026 (founder), tanda 2: "necesita mas espacio entre secciones", "todo muy pegado a los bordes"
   y "la seccion eventos esta muy grande". Mas aire arriba y abajo de cada seccion, margen a los costados
   (los banners tambien, con esquinas redondeadas) y las cartas de Eventos de 333 px a 6 por fila. */
html[data-paleta]{--sec:40px}
@media (max-width:719px){html[data-paleta]{--sec:30px}}
html[data-paleta] #kt_app_content_container{padding-left:clamp(22px,5vw,80px)!important;padding-right:clamp(22px,5vw,80px)!important}
html[data-paleta] #kt_app_content_container .lgx-fila-titulo{margin-bottom:20px!important}
html[data-paleta] #kt_app_content_container .lgx-banner{margin-left:0!important;margin-right:0!important;width:auto!important}
html[data-paleta] #kt_app_content_container .lgx-banner .swiper{border-radius:14px!important;overflow:hidden}
html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 80px) / 6)!important;column-gap:16px!important}
@media (max-width:1039px){html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 48px) / 4)!important}}
@media (max-width:719px){html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 20px) / 3)!important;column-gap:10px!important}}
/* 24-10-2026 (founder, referencia leve: apple.com en el telefono): menos cosas por pantalla y mas aire.
   Sin flechas en las filas (se desliza con el dedo), "Ver todos" como enlace de texto y no como boton,
   y mas aire arriba de cada titulo. */
@media (max-width:719px){
  html[data-paleta]{--sec:36px}
  html[data-paleta] #kt_app_content_container :is(.lgx-fila-prev,.lgx-fila-next){display:none!important}
  html[data-paleta] #kt_app_content_container .lgx-ver-todos{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;min-height:0!important;height:auto!important;
    color:var(--t-accion2,#3ee89b)!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
  html[data-paleta] #kt_app_content_container .lgx-ver-todos::after{content:" ›";font-size:16px}
  html[data-paleta] #kt_app_content_container .lgx-fila-titulo{align-items:baseline!important;margin-bottom:18px!important}
}

/* ===== 24-10-2026 (founder): portada mas elegante, referencias TripAdvisor y Resident Advisor =====
   Contenido centrado con ancho maximo; fondos por seccion: negro (cabecera, destacados), gris (eventos),
   blanco como las notas (restaurantes, beach clubs, nightlife) y un verde muy oscuro (servicios VIP).
   Titulos con la barra de acento de RA. Corazon de favoritos como TripAdvisor (js/lgx-favoritos.js). */
html[data-paleta="original"]{--t-fondo:#050505}
/* (ancho maximo de 1320 retirado el 24-10-2026: en la PC dejaba demasiado aire a los costados) */
html[data-paleta] .lgx-banda{position:relative;isolation:isolate}
html[data-paleta] .lgx-banda::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--lgx-banda);pointer-events:none}
html[data-paleta] .lgx-banda--gris{--lgx-banda:#141414}
html[data-paleta] .lgx-banda--color{--lgx-banda:#0a1a14}
html[data-paleta] .lgx-banda :is(.lgx-dir,.lgx-globos){background:transparent!important}
html[data-paleta] #destacadosFilaContainer .lgx-destfila{background:transparent!important}
html[data-paleta] #destacadosFilaContainer .lgx-destfila::before{display:none!important}
html[data-paleta] #kt_app_content_container .lgx-fila-titulo .lgx-titulo::before{content:"/";margin-right:.32em;color:var(--t-accion);font-weight:300}
html[data-paleta] .lgx-claro .lgx-fila-titulo .lgx-titulo::before{color:#0b7a4b}

/* Restaurantes en blanco: la tarjeta como TripAdvisor, foto redondeada y texto debajo, sin marco */
html[data-paleta] .lgx-banda-blanca .lgx-globo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-paleta] .lgx-banda-blanca .lgx-globo-foto,html[data-paleta] .lgx-banda-blanca .lgx-globo-foto img{border-radius:12px!important}
html[data-paleta] .lgx-banda-blanca .lgx-globo-info{background:transparent!important;padding:10px 2px 0!important}
html[data-paleta] .lgx-banda-blanca .lgx-globo-nombre{color:#141414!important}
html[data-paleta] .lgx-banda-blanca .lgx-globo-meta b{color:#0b7a4b!important}
html[data-paleta] .lgx-banda-blanca .lgx-globo-meta small{color:#5b5c61!important}

/* Corazon de favoritos */
.lgx-fav-boton{position:absolute;top:8px;right:8px;z-index:4;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.18);cursor:pointer;transition:transform .15s ease}
.lgx-fav-boton:hover{transform:scale(1.08)}
.lgx-fav-boton svg{width:18px;height:18px;fill:none;stroke:#141414;stroke-width:1.8;stroke-linejoin:round}
.lgx-fav-boton.lgx-fav-on svg{fill:#e5484d;stroke:#e5484d}
.lgx-fav-boton:focus-visible{outline:2px solid var(--t-accion,#00a261);outline-offset:2px}
@media (max-width:719px){.lgx-fav-boton{width:30px;height:30px;top:6px;right:6px}.lgx-fav-boton svg{width:16px;height:16px}}
/* Refuerzo (24-10-2026): las reglas de las tarjetas usan ids y !important; las bandas tambien. */
html[data-paleta] #directorioEventosContainer .lgx-dir{background:transparent!important}
html[data-paleta] #experienciasContainer .lgx-globos,html[data-paleta] #experienciasContainer section{background:transparent!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) section{background:transparent!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) a.lgx-globo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) a.lgx-globo::before,html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) a.lgx-globo::after{display:none!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-globo-foto,html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-globo-foto img{border-radius:12px!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-globo-info{background:transparent!important;padding:10px 2px 0!important;position:static!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-globo-nombre{color:#141414!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-globo-meta b{color:#0b7a4b!important}
html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-globo-meta small{color:#5b5c61!important}
@media (max-width:719px){html[data-paleta] :is(#restaurantesContainer,#beachContainer,#baresContainer) .lgx-ver-todos{color:#0b7a4b!important}}
html[data-paleta] :is(#experienciasContainer,#directorioEventosContainer,#restaurantesContainer,#beachContainer,#baresContainer) :is(section,.lgx-globos,.lgx-dir)::before{display:none!important}
/* Las franjas grises propias de estos contenedores tapaban las bandas nuevas (24-10-2026). */
html[data-paleta] :is(#destacadosFilaContainer,#directorioEventosContainer,#experienciasContainer)::before{display:none!important}
/* Destacados (24-10-2026, founder: "toque el corazon de AURAE y me llevo a Zamna"): las cartas de los
   costados estan giradas en 3D y el toque caia en el carrusel, que abre la del centro. El corazon se
   muestra solo en la carta del centro. */
#destacadosFilaContainer .swiper-slide:not(.swiper-slide-active) .lgx-fav-boton{opacity:0;pointer-events:none}
#destacadosFilaContainer .lgx-fav-boton{transition:opacity .2s ease,transform .15s ease}
/* ===== PC y telefono, dos experiencias (24-10-2026, founder) =====
   PC: apaisado, se ve mas y no mas grande. Ancho completo con poco margen, y en cada fila entran mas
   cartas del mismo tamano (unos 190 px) segun el ancho: 4 / 6 / 7 / 8, calculadas exactas para que
   ninguna quede cortada. El telefono no cambia (3 por fila y se desliza). */
@media (min-width:720px){html[data-paleta] #kt_app_content_container{padding-left:clamp(24px,3vw,48px)!important;padding-right:clamp(24px,3vw,48px)!important}}
@media (min-width:720px){html[data-paleta] .lgx-globos-pista .lgx-globo{flex:0 0 calc((100% - 3 * 16px) / 4)!important;max-width:none!important}html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 3 * 16px) / 4)!important;column-gap:16px!important}}
@media (min-width:1100px){html[data-paleta] .lgx-globos-pista .lgx-globo{flex:0 0 calc((100% - 5 * 16px) / 6)!important;max-width:none!important}html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 5 * 16px) / 6)!important;column-gap:16px!important}}
@media (min-width:1400px){html[data-paleta] .lgx-globos-pista .lgx-globo{flex:0 0 calc((100% - 6 * 16px) / 7)!important;max-width:none!important}html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 6 * 16px) / 7)!important;column-gap:16px!important}}
@media (min-width:1700px){html[data-paleta] .lgx-globos-pista .lgx-globo{flex:0 0 calc((100% - 7 * 16px) / 8)!important;max-width:none!important}html[data-paleta] #directorioEventosContainer .lgx-dir.lgx-dir-carrusel:not(.lgx-dir-chico) .lgx-dir-grid{grid-auto-columns:calc((100% - 7 * 16px) / 8)!important;column-gap:16px!important}}
@media (min-width:720px){html[data-paleta] .lgx-fila-pista.lgx-globos-pista{column-gap:16px!important;gap:16px!important;padding-left:0!important;padding-right:0!important}}

/* Menu del perfil (24-10-2026): "Crear evento" verde al final; Cerrar sesion en la ventana del nombre */
.lgx-menu-crear{display:flex;align-items:center;justify-content:center;margin:10px 12px 4px;height:42px;border-radius:999px;
  background:var(--t-accion,#00a261);color:var(--t-sobre-accion,#03150d)!important;font-weight:700;font-size:14px;text-decoration:none}
.lgx-menu-crear:hover{background:var(--t-accion2,#3ee89b)}
.lgx-perfil-salir{display:block;margin:18px 0 6px;padding:12px;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.14);
  color:#ff8a8a!important;font-weight:600;text-decoration:none}
.lgx-perfil-salir:hover{border-color:#ff8a8a}
/* Campana con punto cuando hay un aviso nuevo */
#lgxCampana{position:relative}
#lgxCampana.lgx-campana-punto::after{content:"";position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px var(--t-cabecera,#121314)}
/* Corazon mas discreto (24-10-2026, founder: "muy llamativo en blanco"): circulo oscuro translucido y trazo fino */
.lgx-fav-boton{width:30px!important;height:30px!important;background:rgba(10,10,12,.38)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lgx-fav-boton svg{width:16px!important;height:16px!important;stroke:#fff!important;stroke-width:1.6!important}
.lgx-fav-boton:hover{background:rgba(10,10,12,.55)!important}
@media (max-width:719px){.lgx-fav-boton{width:26px!important;height:26px!important}.lgx-fav-boton svg{width:14px!important;height:14px!important}}
/* Ciudades en la portada (24-10-2026): carrusel de tarjetas con foto; cada una abre su landing */
html[data-paleta] .lgx-ciudades-home{padding:var(--sec,40px) 0}
html[data-paleta] .lgx-ciudades-pista{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}
html[data-paleta] .lgx-ciudades-pista::-webkit-scrollbar{display:none}
html[data-paleta] .lgx-ciudad-tile{position:relative;isolation:isolate;overflow:hidden;flex:0 0 calc((100% - 5 * 16px) / 6);min-height:220px;border-radius:14px;
  display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;color:#f4f3ef;text-decoration:none;scroll-snap-align:start}
html[data-paleta] .lgx-ciudad-tile::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--lgx-ciudad-foto) center/cover no-repeat;transition:transform .5s ease}
html[data-paleta] .lgx-ciudad-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,5,0) 35%,rgba(5,5,5,.85))}
html[data-paleta] .lgx-ciudad-tile:hover::before{transform:scale(1.05)}
html[data-paleta] .lgx-ciudad-tile b{font-family:var(--t-display);font-size:clamp(19px,1.6vw,24px);letter-spacing:-.02em;line-height:1.1;color:#f4f3ef!important}
html[data-paleta] .lgx-ciudad-tile small{color:rgba(244,243,239,.72)!important;font-size:12.5px}
@media (max-width:1099px){html[data-paleta] .lgx-ciudad-tile{flex-basis:calc((100% - 3 * 16px) / 4)}}
@media (max-width:719px){html[data-paleta] .lgx-ciudades-pista{gap:10px}html[data-paleta] .lgx-ciudad-tile{flex-basis:42%;min-height:170px}}
/* Ciudades mas grandes y mas lindas (24-10-2026, founder) */
html[data-paleta] .lgx-ciudades-home{padding:calc(var(--sec,40px) * 1.4) 0}
html[data-paleta] .lgx-ciudades-pista{gap:18px}
html[data-paleta] .lgx-ciudad-tile{flex:0 0 calc((100% - 4 * 18px) / 4.5);min-height:clamp(300px,26vw,400px);border-radius:20px;padding:22px 24px;gap:4px;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.9);transition:transform .35s ease,box-shadow .35s ease}
html[data-paleta] .lgx-ciudad-tile:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(0,0,0,.95)}
html[data-paleta] .lgx-ciudad-tile::after{background:linear-gradient(180deg,rgba(5,5,5,.05) 30%,rgba(5,5,5,.25) 55%,rgba(5,5,5,.88))}
html[data-paleta] .lgx-ciudad-tile:hover::before{transform:scale(1.07)}
html[data-paleta] .lgx-ciudad-tile b{font-size:clamp(26px,2.4vw,36px)!important;font-weight:800;letter-spacing:-.03em;line-height:1}
html[data-paleta] .lgx-ciudad-tile small{order:-1;font-size:11px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
html[data-paleta] .lgx-ciudad-ir{margin-top:8px;font-size:13px;font-weight:600;color:var(--t-accion2,#3ee89b);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}
html[data-paleta] .lgx-ciudad-tile:hover .lgx-ciudad-ir{opacity:1;transform:none}
@media (max-width:1099px){html[data-paleta] .lgx-ciudad-tile{flex-basis:calc((100% - 2 * 18px) / 2.6)}}
@media (max-width:719px){html[data-paleta] .lgx-ciudades-pista{gap:12px}html[data-paleta] .lgx-ciudad-tile{flex-basis:72%;min-height:300px;border-radius:18px}html[data-paleta] .lgx-ciudad-ir{opacity:1;transform:none}}
html[data-paleta] #kt_app_content_container section.lgx-ciudades-home{padding-top:calc(var(--sec,40px) * 1.4)!important;padding-bottom:calc(var(--sec,40px) * 1.6)!important}
html[data-paleta] .lgx-ciudades-pista{padding:8px 0 12px!important}