.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-46ae94f:#FF2D9A;--e-global-color-e54dfcc:#FFD23F;--e-global-color-1227a75:#66F06E;--e-global-color-0fcf52c:#39A9FF;--e-global-color-9420fc9:#A84DFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================
   RUMORE TARDEO — CSS personalizado para Elementor
   Pegar en: Elementor > Personalizar > CSS adicional
   (o en Apariencia > Personalizar > CSS adicional de WordPress)
   ============================================ */

/* 1. VARIABLES DE COLOR
   Puedes usarlas también como referencia para crear
   tus "Colores globales" en Elementor con los mismos valores. */
:root{
  --bg:#050505;
  --panel:#0b0b0d;
  --text:#f7f7f7;
  --muted:#b8b8c1;
  --pink:#ff2d9a;
  --yellow:#ffd23f;
  --green:#66f06e;
  --blue:#39a9ff;
  --purple:#a84dff;
  --line: rgba(255,255,255,.12);
}

/* 2. FONDO GENERAL DE LA PÁGINA
   Aplica el fondo oscuro con los dos resplandores de color. */
body{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,45,154,.14), transparent 24%),
    radial-gradient(circle at 90% 30%, rgba(57,169,255,.12), transparent 24%),
    var(--bg) !important;
  color: var(--text);
}

/* 3. TEXTO ARCOÍRIS
   Clase CSS a añadir en el widget (Heading, Text Editor, etc.)
   Pestaña "Avanzado" > "CSS Classes" > escribe: rainbow-text */
.rainbow-text{
  background: linear-gradient(90deg, var(--pink), var(--yellow), var(--green), var(--blue), var(--purple));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

/* 4. BOTÓN CON BORDE ARCOÍRIS
   Clase CSS a añadir en el widget "Botón"
   Pestaña "Avanzado" > "CSS Classes" > escribe: btn-rainbow */
.btn-rainbow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  background:
    linear-gradient(#070707,#070707) padding-box,
    linear-gradient(90deg,var(--pink),var(--yellow),var(--green),var(--blue),var(--purple)) border-box !important;
  box-shadow: 0 0 24px rgba(255,45,154,.22);
  transition: .25s ease;
}
.btn-rainbow:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 34px rgba(57,169,255,.3);
}

/* 5. TARJETA CON FONDO MULTI-DEGRADADO
   (la tarjeta de "party-card" o las tarjetas de DJs)
   Clase CSS a añadir en la SECCIÓN o CONTENEDOR
   Pestaña "Avanzado" > "CSS Classes" > escribe: gradient-card */
.gradient-card{
  border-radius: 32px !important;
  border: 1px solid var(--line);
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,210,63,.28), transparent 20%),
    radial-gradient(circle at 35% 55%, rgba(255,45,154,.3), transparent 28%),
    radial-gradient(circle at 70% 60%, rgba(57,169,255,.3), transparent 26%),
    linear-gradient(145deg,#191220,#07070a 60%) !important;
}

/* 6. TARJETAS DE INFO (fila de 4: Sábados, 18:00, etc.)
   Clase CSS a añadir en cada widget "Icon Box" o en el
   CONTENEDOR que lo envuelve: escribe: info-card */
.info-card{
  padding: 28px !important;
  border: 1px solid var(--line) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.025) !important;
}

/* 7. TARJETAS TIPO "CHIP" (los datos horarios del hero:
   📍 Sala ICON Madrid, 🕕 18:00 — 23:30h)
   Clase CSS: meta-chip */
.meta-chip{
  display: inline-flex;
  border: 1px solid var(--line);
  padding: 10px 14px !important;
  border-radius: 999px !important;
  font-weight: 800;
  font-size: 14px;
}

/* 8. TÍTULOS GRANDES ESTILO "MANIFIESTO"
   Clase CSS en cada Heading (una clase por línea, con su color):
   manifesto-c1 (blanco), manifesto-c2 (rosa),
   manifesto-c3 (amarillo), manifesto-c4 (verde) */
.manifesto-c1, .manifesto-c2, .manifesto-c3, .manifesto-c4{
  font-size: clamp(46px, 6.2vw, 92px) !important;
  font-weight: 1000 !important;
  line-height: .9 !important;
  text-transform: uppercase;
  letter-spacing: -.05em;
  margin: 0 !important;
}
.manifesto-c1{ color:#fff !important; }
.manifesto-c2{ color: var(--pink) !important; }
.manifesto-c3{ color: var(--yellow) !important; }
.manifesto-c4{ color: var(--green) !important; }

/* 9. TÍTULOS GENERALES (H1/H2/H3) EN MAYÚSCULAS Y COMPACTOS
   Clase CSS opcional: title-tight */
.title-tight{
  text-transform: uppercase;
  letter-spacing: -.04em;
  line-height: .92 !important;
}

/* 10. TEXTO ATENUADO (párrafos secundarios)
   Clase CSS: text-muted */
.text-muted{
  color: var(--muted) !important;
}

/* 11. SEPARADOR ENTRE SECCIONES
   Clase CSS a añadir en cada SECCIÓN: section-divider */
.section-divider{
  border-top: 1px solid var(--line) !important;
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}/* End custom CSS */