/* ===========================================================
   ELCHE LOVE SALSA — Tema único: NOCHE (oscuro premium) + CARTEL (tipografía)
   =========================================================== */

body{
  /* paleta Negro + rojo del logo */
  --bg:#000000; --bg-2:#000000; --surface:#0C0C0C;
  --ink:#FBEDE7; --ink-soft:#C09A96;
  /* colores del logo — confinados al rojo */
  --c-red:#F2503E; --c-red-strong:#D62B35;
  --c-pink:#F2503E; --c-teal:#F2503E; --c-green:#F2503E;
  --c-orange:#F2503E; --c-yellow:#F2503E; --c-cream:#F3CE7F;
  --c-blue:#F2503E;
  /* roles */
  --primary:#F2503E; --primary-strong:#D62B35; --on-primary:#1a0a0a;
  --accent:#F2503E; --accent-2:#F2503E; --pop:#F2503E;
  --line:rgba(255,200,184,.10);
  --radius:18px;
  --card-shadow:0 30px 60px -30px rgba(0,0,0,.8);
  --btn-shadow:0 18px 40px -14px rgba(242,80,62,.55);
  --hero-overlay:linear-gradient(180deg,rgba(15,6,8,.55) 0%,rgba(15,6,8,.4) 35%,rgba(15,6,8,.92) 100%);
  --hero-fallback:#000000;
  --band-bg:#000000;
  --band-ink:#FBEDE7; --band-eyebrow:#FF9C84;
  --footer-bg:#000000; --footer-ink:#FBEDE7;
  --map-filter:invert(.9) hue-rotate(170deg) saturate(.7) brightness(.9);

  /* tipografía Cartel */
  --font-display:"Bebas Neue",Impact,sans-serif;
  --font-script:"Sacramento",cursive;
  --font-body:"Manrope",system-ui,sans-serif;
  --display-weight:400; --display-tracking:.015em; --display-transform:uppercase;
}

/* títulos condensados: interlineado más ceñido */
h1,.title{line-height:.95}
.eyebrow{font-size:clamp(1.7rem,3.8vw,2.7rem)}

/* iconos con tinte coral sobre fondo oscuro */
.feature__ico,.contact__perk .ico,.loc__row .ico{background:color-mix(in srgb,var(--primary) 20%,transparent)}

/* tarjetas: sombra + leve brillo interior superior */
.stat,.feature,.review,.sched__day,.event,.contact__card,.loc__card{
  box-shadow:0 30px 60px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.04);
}
.reviews-top .rating{color:var(--ink)}
.chip{background:rgba(255,255,255,.05)}
.stat::before{background:linear-gradient(90deg,var(--primary),var(--pop),var(--accent))}

/* halo del hero */
.hero::before{content:"";position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);
  width:min(92vw,860px);height:min(92vw,860px);z-index:2;pointer-events:none}
.hero__logo{filter:drop-shadow(0 14px 30px rgba(0,0,0,.5))}

/* secciones de banda con brillo coral */
/* secciones de banda sin brillo */
.band{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.band::after{content:none}

/* realces al pasar el ratón */
.feature:hover,.stat:hover,.event:hover{border-color:rgba(255,111,89,.42)}

/* huecos de imagen vacíos legibles sobre fondo oscuro */
image-slot{color:rgba(251,237,231,.62)}
image-slot::part(frame){background:rgba(255,255,255,.045)}

/* transiciones suaves */
.btn,.stat,.feature,.review,.dance-card,.event{transition-property:transform,box-shadow,background,color,border-color}

/* ===================== PALETA DEL LOGO repartida ===================== */
/* Cifras: cada tarjeta un color del logo */
.stats .stat::before{background:var(--_sc)!important}
.stats .stat .ico,.stats .stat .num .plus{color:var(--_sc)}
.stats .stat:nth-child(1){--_sc:#F2503E}
.stats .stat:nth-child(2){--_sc:#40D8B3}
.stats .stat:nth-child(3){--_sc:#F7CF46}
.stats .stat:nth-child(4){--_sc:#E8447A}
.stats .stat{background:color-mix(in srgb,var(--_sc) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--_sc) 22%,transparent)!important}

/* Online · método híbrido: cada tarjeta un color del logo (como Cifras) */
.method__item:nth-child(1){--_sc:#F2503E}
.method__item:nth-child(2){--_sc:#40D8B3}
.method__item:nth-child(3){--_sc:#F7CF46}
.method__item{background:color-mix(in srgb,var(--_sc) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--_sc) 22%,transparent)!important}
.method__item .method__num{background:var(--_sc)!important;color:#140708}
.method__item .tag{color:var(--_sc)!important}

/* ¿Por qué elegirnos?: cada tarjeta un color del logo (como Cifras) */
.why-grid .feature{--fc:var(--primary)}
.why-grid .feature:nth-child(1){--fc:#F2503E}
.why-grid .feature:nth-child(2){--fc:#40D8B3}
.why-grid .feature:nth-child(3){--fc:#F7CF46}
.why-grid .feature:nth-child(4){--fc:#E8447A}
.why-grid .feature:nth-child(5){--fc:#F2933E}
.why-grid .feature:nth-child(6){--fc:#8E7BF2}
.why-grid .feature{background:color-mix(in srgb,var(--fc) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--fc) 22%,transparent)!important}
.why-grid .feature::before{background:var(--fc)!important}
.why-grid .feature__ico{color:var(--fc);background:color-mix(in srgb,var(--fc) 16%,transparent)}
.why-grid .feature:hover{border-color:color-mix(in srgb,var(--fc) 45%,transparent)!important}

/* Chips del hero */
.hero__chip:nth-of-type(1){color:var(--c-pink)}
.hero__chip:nth-of-type(2){color:var(--c-teal)}
.hero__chip:nth-of-type(3){color:var(--c-yellow)}

/* Chips "academia": puntos de colores */
.about__chips .chip:nth-child(1) .dot{background:var(--c-red)}
.about__chips .chip:nth-child(2) .dot{background:var(--c-teal)}
.about__chips .chip:nth-child(3) .dot{background:var(--c-yellow)}
.about__chips .chip:nth-child(4) .dot{background:var(--c-pink)}

/* Etiquetas de clases */
.classes-grid .dance-card:nth-child(5) .dance-card__tag{background:var(--c-pink)}
.classes-grid .dance-card:nth-child(7) .dance-card__tag{background:#FF4D9E;color:#fff}

/* Tecnología chips */
.online__tech .tech-chip:nth-child(1) svg{color:var(--c-teal)}
.online__tech .tech-chip:nth-child(2) svg{color:var(--c-pink)}
.online__tech .tech-chip:nth-child(3) svg{color:var(--c-yellow)}
.online__tech .tech-chip:nth-child(4) svg{color:var(--c-orange)}

/* Eventos: fecha en distintos colores del logo */
.events .event:nth-child(1) .event__date{background:var(--c-red-strong);color:#fff}
.events .event:nth-child(2) .event__date{background:var(--c-teal);color:#0f231d}
.events .event:nth-child(3) .event__date{background:var(--c-yellow);color:#3a2c08}

/* Contacto: iconos de las ventajas con color */
.contact__perk:nth-child(1) .ico{color:var(--c-teal);background:color-mix(in srgb,var(--c-teal) 16%,transparent)}
.contact__perk:nth-child(2) .ico{color:var(--c-yellow);background:color-mix(in srgb,var(--c-yellow) 16%,transparent)}
.contact__perk:nth-child(3) .ico{color:var(--c-pink);background:color-mix(in srgb,var(--c-pink) 16%,transparent)}

/* Ubicación: iconos con color */
.loc__row:nth-child(1) .ico{color:var(--c-red);background:color-mix(in srgb,var(--c-red) 16%,transparent)}
.loc__row:nth-child(2) .ico{color:var(--c-teal);background:color-mix(in srgb,var(--c-teal) 16%,transparent)}
.loc__row:nth-child(3) .ico{color:var(--c-yellow);background:color-mix(in srgb,var(--c-yellow) 16%,transparent)}