/* =====================================================
   BSides Colombia 2026 – SAFE COLOR OVERRIDE
   (Compatible with original theme – NO HTML changes)
   ===================================================== */

/*
  IMPORTANT:
  - This file ONLY overrides color variables.
  - It does NOT redefine components, layout, spacing, or sections.
  - Load this file AFTER the original theme CSS.
*/
/* =============================
   Color Override Only – BSides 2026
   ============================= */

:root {
  /* Primary brand (replaces original blue #098dcf) */
  --bs-primary: #00a99d;            /* Verde */

  /* Secondary brand (replaces original #415b78) */
  --bs-secondary: #4b0082;          /* Morado */

  /* Accent / links */
  --bs-link-color: #00a99d;         /* Verde */
  --bs-link-hover-color: #ff00ff;   /* Rosa / Fucsia */

  /* Warning */
  --bs-warning: #ffd700;            /* Amarillo */

  /* Neutral grays (kept compatible) */
  --bs-gray: #bfc5c8;
  --bs-gray-600: #bfc5c8;
  --bs-gray-700: #9aa1a4;
  --bs-gray-800: #2a2a2a;
  --bs-gray-900: #121212;

  /* Dark / Light */
  --bs-dark: #121212;
  --bs-light: #ffffff;

  /* Body */
  --bs-body-bg: #ffffff;
  --bs-body-color: #121212;         /* Negro oficial */
}

/* =============================
   Buttons (color only) – BSides 2026
   ============================= */

.btn-primary {
  background-color: var(--bs-primary);      /* Verde */
  border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #ff00ff;                /* Rosa / Fucsia */
  border-color: #ff00ff;
}

.btn-secondary {
  background-color: var(--bs-secondary);    /* Morado */
  border-color: var(--bs-secondary);
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--bs-secondary);    /* Morado (sin inventar tono) */
  border-color: var(--bs-secondary);
}

/* =============================
   Text Utilities (safe)
   ============================= */

.text-primary {
  color: var(--bs-primary) !important;      /* Verde */
}

.text-secondary {
  color: var(--bs-secondary) !important;    /* Morado */
}

.text-warning {
  color: var(--bs-warning) !important;      /* Amarillo */
}

/* ================= HEADER NAV LINKS – FORCE BSIDES 2026 ================= */

.header .navbar-nav .nav-link,
.header .nav-link {
  color: rgba(230,234,242,0.92) !important;
}

/* Hover & active – BSides Green */
.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link.active,
.header .nav-link:hover,
.header .nav-link.active {
  color: #00a99d !important; /* VERDE */
  text-shadow: 0 0 12px rgba(0,169,157,0.45);
}

/* =====================================================
   HEADER CTA BUTTON – BSides FUCHSIA
   ===================================================== */

.header .btn,
.header .btn-primary {
  background-color: #ff00ff !important; /* ROSA */
  border: none !important;
  color: #ffffff !important;
  font-weight: 700;
  padding: 0.45rem 1.1rem;
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(255,0,255,0.35);
  transition: all 0.25s ease;
}

/* Hover */
.header .btn:hover,
.header .btn-primary:hover {
  background-color: #ff00ff !important; /* MISMO ROSA */
  box-shadow: 0 0 26px rgba(255,0,255,0.55);
  transform: translateY(-1px);
}

/* Focus / active */
.header .btn:focus,
.header .btn-primary:focus {
  box-shadow: 0 0 0 3px rgba(255,0,255,0.35);
}

/* =============================
   Optional Accent (controlled)
   ============================= */

.text-accent {
  color: #ff00ff;
}

/* =============================
   Dark identity refinement
   ============================= */

.header,
.footer {
  color: #bfc5c8; /* GRIS */
}

.header a,
.footer a {
  color: #00a99d; /* VERDE */
}

/* =============================
   Accent usage (controlled)
   ============================= */

a.cta,
.btn-cta {
  background-color: #ff00ff; /* ROSA */
  border-color: #ff00ff;
  color: #ffffff;
}

a.cta:hover,
.btn-cta:hover {
  background-color: #ff00ff; /* MISMO ROSA */
}


/* =============================
   Footer – dark but readable
   ============================= */

.footer {
  background-color: #121212; /* NEGRO */
  color: #bfc5c8;            /* GRIS */
}

.footer a {
  color: #00a99d;            /* VERDE */
}

.footer a:hover {
  color: #ff00ff;            /* ROSA */
}

/* =============================
   Footer – fix headings visibility
   ============================= */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  color: #ffffff;
}

.footer p,
.footer li,
.footer span {
  color: #bfc5c8;            /* GRIS */
}

/* =====================================================
   HERO – BSides Colombia 2026 (FUCHSIA DOMINANT – FINAL)
   ===================================================== */

/* ===== CONTENEDOR ===== */
#hero-block {
  position: relative;
  margin-top: 70px;
  overflow: hidden;
}

/* Altura del hero */
#hero-carousel .carousel-item {
  height: 72vh;
  min-height: 460px;
  background-size: cover;
  background-position: center;
  position: relative;
}

/* ===== OVERLAY FUCSIA MUY DOMINANTE ===== */
#hero-carousel .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      0deg,
      rgba(255, 0, 255, 0.65),
      rgba(255, 0, 255, 0.65)
    ),
    linear-gradient(
      90deg,
      rgba(255, 0, 255, 0.98),
      rgba(255, 0, 255, 0.92),
      rgba(75, 0, 130, 0.80)
    );
  z-index: 1;
  pointer-events: none;
}

/* ===== POSICIÓN DEL TEXTO ===== */
#hero-carousel .carousel-caption {
  position: relative;
  top: 16%;
  left: 0;
  right: auto;
  z-index: 2;
  text-align: left;
}

/* ===== BLOQUE DE TEXTO ===== */
.hero-text-block {
  max-width: 640px;
}

/* ===== TÍTULO PRINCIPAL (AMARILLO) ===== */
.hero-text-block h1,
.hero-text-block .hero-heading {
  color: #ffd700 !important; /* AMARILLO */
  font-size: 3.9rem;
  font-weight: 900;
  line-height: 1.05;
}

/* ===== SUBTÍTULO / DESCRIPCIÓN ===== */
.hero-text-block .hero-intro {
  color: #ffffff;
  font-size: 1.25rem;
  margin-top: 12px;
}

/* FRASE COMUNIDAD */
.hero-text-block .hero-intro strong,
.hero-text-block .hero-intro span {
  color: #ffffff;
  font-weight: 600;
}

/* ===== META (FECHA / CIUDAD) ===== */
.hero-text-block .hero-meta {
  color: #ffffff;
  font-weight: 600;
  margin-top: 14px;
}

.hero-text-block .hero-meta i {
  color: #00a99d; /* VERDE */
}

/* ===== CTA (AMARILLO) ===== */
.hero-text-block .btn-primary {
  background-color: #ffd700; /* AMARILLO */
  color: #121212;            /* NEGRO */
  border: none;
  font-weight: 900;
  padding: 0.65rem 1.6rem;
  border-radius: 4px;
  margin-top: 22px;
}

.hero-text-block .btn-primary:hover {
  background-color: #ffd700; /* MISMO AMARILLO */
  color: #121212;
}

/* =====================================================
   HERO MOBILE – INFO SECTION
   ===================================================== */

#hero-info-section {
  background: linear-gradient(
    135deg,
    #ff00ff, /* ROSA */
    #4b0082  /* MORADO */
  );
  color: #ffffff;
  padding: 70px 0 60px;
}

/* TÍTULO MOBILE */
#hero-info-section .hero-heading {
  color: #ffd700; /* AMARILLO */
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
}

/* META MOBILE */
#hero-info-section .hero-meta {
  color: #ffffff;
  font-size: 0.95rem;
}

#hero-info-section .hero-meta i {
  color: #00a99d; /* VERDE */
}

/* INTRO MOBILE */
#hero-info-section .hero-intro {
  color: #ffffff;
}

/* CTA MOBILE */
#hero-info-section .btn {
  background-color: #ffd700; /* AMARILLO */
  color: #121212;
  border: none;
  font-weight: 800;
}

#hero-info-section .btn:hover {
  background-color: #ffd700; /* MISMO AMARILLO */
}

/* ===== SOLO MOBILE ===== */
@media (min-width: 768px) {
  #hero-info-section {
    display: none !important;
  }
}

/* === HERO FORCE LEFT ALIGN === */
#hero-carousel .carousel-caption,
#hero-carousel .carousel-caption *,
.hero-text-block,
.hero-text-block * {
  text-align: left !important;
}

/* === HERO LEFT, BUT OFFSET RIGHT (EDITORIAL) === */
#hero-carousel .carousel-caption {
  position: relative;
  top: 16%;
  margin-left: 8%;
  margin-right: auto;
  z-index: 2;
  text-align: left;
}

/* ================= STATS – BSides 2026 (DARK GRADIENT) ================= */

.stats-section,
.stats-block {
  background: radial-gradient(
    900px 500px at 50% 0%,
    rgba(75,0,130,0.25),   /* MORADO */
    rgba(18,18,18,0.95)   /* NEGRO */
  ),
  linear-gradient(135deg, #121212, #4b0082); /* NEGRO → MORADO */
  color: #ffffff;
  padding: 4.5rem 0;
}

/* Individual stat item */
.stats-block .item {
  position: relative;
  text-align: center;
}

/* Number */
.stats-block .number {
  font-size: 2.8rem;
  font-weight: 800;
  color: #00a99d; /* VERDE */
  text-shadow:
    0 0 18px rgba(0,169,157,0.25),
    0 0 28px rgba(255,0,255,0.12);
}

/* Unit / label */
.stats-block .unit {
  display: block;
  margin-top: 6px;
  font-size: 1.1rem;
  color: #bfc5c8; /* GRIS */
  letter-spacing: 0.03em;
}

/* Optional subtle divider */
.stats-block .item::after {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  margin: 14px auto 0;
  background: rgba(255,255,255,0.15);
}


/* =============================
   Countdown – force light
   ============================= */

.countdown,
#countdown,
.countdown-section {
  background-color: #ffffff;
  color: #121212; /* NEGRO */
}

.countdown .number,
.countdown .count,
#countdown .number {
  color: #00a99d; /* VERDE */
}


/* =============================
   STATS – BSides 2026 (FINAL – SOLID VARIANT)
   ============================= */

.stats-block {
  background-color: #121212; /* NEGRO */
  padding: 3.5rem 0;
  text-align: center;
}

/* Número principal */
.stats-block .number,
.stats-block strong {
  color: #00a99d; /* VERDE */
  font-weight: 800;
}

/* Texto / unidad */
.stats-block .unit,
.stats-block span,
.stats-block p {
  color: #bfc5c8; /* GRIS */
}

/* === AMARILLO VISIBLE (sin pseudo-elementos) === */
.stats-block > div {
  position: relative;
  padding-bottom: 14px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(255,215,0,0.15),
    rgba(255,215,0,0.75),
    rgba(255,215,0,0.15)
  ) 1; /* AMARILLO */
}

/* =============================
   Header – BSides 2026 identity
   ============================= */

.header {
  background-color: #121212; /* NEGRO */
  color: #bfc5c8;            /* GRIS */
}

/* Logo / brand */
.header .navbar-brand {
  color: #ffffff;
}

.header .navbar-brand:hover {
  color: #00a99d;            /* VERDE */
}

/* Navigation links */
.header .nav-link {
  color: #bfc5c8;            /* GRIS */
}

.header .nav-link:hover,
.header .nav-link:focus {
  color: #00a99d;            /* VERDE */
}

/* Active menu item */
.header .nav-link.active {
  color: #00a99d;            /* VERDE */
  font-weight: 600;
}

/* Header buttons (if any) */
.header .btn {
  color: #ffffff;
}

/* Secondary button (ej: Obtener tiquetes) */
.header .btn-secondary {
  background-color: transparent;
  border-color: #00a99d;     /* VERDE */
  color: #00a99d;
}

.header .btn-secondary:hover {
  background-color: #00a99d; /* VERDE */
  color: #121212;            /* NEGRO */
}


/* =============================
   COUNTDOWN – BSides 2026 (LIGHT)
   ============================= */

#countdown-section {
  background-color: #ffffff !important;
  color: #121212 !important; /* NEGRO */
  padding: 80px 0;
}

/* Title */
#countdown-section .section-heading {
  color: #00a99d;            /* VERDE */
  font-weight: 600;
}

/* Intro text */
#countdown-section .section-intro {
  color: #4b0082;            /* MORADO oficial */
  opacity: 0.85;
}

/* Container */
.countdown-box {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 30px;
}

/* Item box */
.countdown-item {
  background-color: #ffffff;
  border: 1px solid #ffffff; /* BORDE NEUTRO */
  border-radius: 16px;
  padding: 22px 26px;
  min-width: 120px;
  text-align: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Hover */
.countdown-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,.12);
}

/* Number */
.countdown-number {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  font-size: 42px;
  line-height: 1;
  color: #00a99d;            /* VERDE */
}

/* Label */
.countdown-label {
  margin-top: 8px;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #4b0082;            /* MORADO */
  font-weight: 600;
}

/* =====================================================
   ABOUT – FINAL FIX (for your current layout)
   ===================================================== */

#about-section {
  background: #ffffff !important;
  color: #121212 !important;
}

/* Title (force purple) */
#about-section .section-heading {
  color: #4b0082 !important;  /* MORADO */
  font-weight: 900 !important;
}

/* Body text (readable on white) */
#about-section p,
#about-section .section-intro,
#about-section ul li {
  color: #121212 !important;  /* NEGRO */
  opacity: 0.92;              /* suaviza sin perder legibilidad */
  line-height: 1.7;
}

/* Highlights / strong */
#about-section strong {
  color: #00a99d !important;  /* VERDE */
  font-weight: 700 !important;
}

/* Subtitle */
#about-section h5 {
  color: #121212 !important;
  font-weight: 800 !important;
}

/* Icons: remove legacy cyan, use green */
#about-section i,
#about-section .svg-inline--fa,
#about-section .text-primary {
  color: #00a99d !important;  /* VERDE */
}

/* Keep links consistent */
#about-section a {
  color: #00a99d !important;
}
#about-section a:hover {
  color: #ff00ff !important;  /* ROSA */
}

/* No weird inherited glow/shadows */
#about-section * {
  text-shadow: none !important;
}

/* =====================================================
   WHY PEREIRA – BSides 2026 (DARK STORYTELLING – FINAL)
   ===================================================== */

#why-pereira-section {
  background: linear-gradient(
    135deg,
    #121212,
    #1a1026
  );
  color: #bfc5c8; /* GRIS */
  padding: 100px 0;
}

/* ===== TÍTULO PRINCIPAL ===== */
#why-pereira-section .section-heading {
  color: #00a99d; /* VERDE */
  font-weight: 900;
  text-shadow: 0 0 18px rgba(0,169,157,0.35);
}

/* ===== TEXTO ===== */
#why-pereira-section p {
  color: rgba(191,197,200,0.95);
  line-height: 1.7;
}

/* ===== SUBTÍTULOS / CONECTIVIDAD ===== */
#why-pereira-section h6 {
  color: #ffd700; /* AMARILLO */
  font-weight: 900;
  letter-spacing: 0.06em;
  margin-top: 1.2rem;
  text-shadow: 0 0 10px rgba(255,215,0,0.25);
}

/* ===== LISTAS ===== */
#why-pereira-section ul li {
  color: rgba(191,197,200,0.9);
  margin-bottom: 6px;
}

/* ===== ÉNFASIS ===== */
#why-pereira-section strong {
  color: #ffffff;
  font-weight: 700;
}

/* ===== ICONOS ===== */
#why-pereira-section i,
#why-pereira-section .svg-inline--fa {
  color: #00a99d; /* VERDE */
}

/* ===== IMAGEN ===== */
#why-pereira-section img {
  border-radius: 14px;
  box-shadow:
    0 22px 44px rgba(0,0,0,0.65),
    0 0 30px rgba(75,0,130,0.25); /* MORADO glow */
}

/* ===== ACENTO ROSA (muy controlado) ===== */
#why-pereira-section .accent,
#why-pereira-section .highlight {
  color: #ff00ff;
}

#why-pereira-section {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* =============================
   SPEAKERS – BSides 2026 (LIGHT)
   ============================= */

#speakers-section,
.speakers-section {
  background-color: #f8f9fa;
  color: #141c25;
  padding: 100px 0;
}

/* Section heading */
#speakers-section .section-heading,
.speakers-section .section-heading {
  color: #4b0082; /* BSides Purple */
  font-weight: 800;
}

/* Speaker card */
.speaker-card,
#speakers-section .card,
.speakers-section .card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Hover */
.speaker-card:hover,
#speakers-section .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.12);
}

/* Speaker image */
.speaker-card img,
#speakers-section img {
  border-radius: 12px;
}

/* Speaker name */
.speaker-card h5,
#speakers-section h5 {
  color: #121212;
  font-weight: 700;
}

/* Speaker role / company */
.speaker-card p,
.speaker-card .speaker-role,
#speakers-section p {
  color: #6c757d;
  font-size: 0.95rem;
}

/* Icons / socials */
#speakers-section .text-primary,
#speakers-section i {
  color: #00a99d;
}

/* Icon hover */
#speakers-section a:hover i {
  color: #4b0082;
}
/* ================= CALL TO ACTIONS – BSides 2026 ================= */

#calls-section {
  background: radial-gradient(
    ellipse at center,
    #1a1026 0%,
    #121212 60%,
    #0b0e1a 100%
  );
  color: #e6eaf2;
}

/* Main heading */
#calls-section .section-heading {
  color: #00a99d; /* BSides Green */
  font-weight: 700;
}

/* Intro text */
#calls-section .section-intro {
  color: #cfd6e4;
}

/* Cards */
#calls-section .border {
  background-color: #ffffff;
  border-color: #e5e7eb;
}

/* Card titles */
#calls-section h5 {
  color: #121212;
  font-weight: 700;
}

/* Card text */
#calls-section p,
#calls-section .small {
  color: #495057;
}

/* CTA buttons (PINK ON PURPOSE) */
#calls-section .btn-primary {
  background-color: #ff00ff; /* BSides Pink */
  border-color: #ff00ff;
  color: #ffffff;
  font-weight: 600;
}

#calls-section .btn-primary:hover {
  background-color: #cc00cc;
  border-color: #cc00cc;
}
/* ================= TRAINING – BSides 2026 (LIGHT) ================= */

/* Force white background */
#training-section {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #141c25;
}

/* Main heading */
#training-section .section-heading {
  color: #00a99d; /* BSides Green */
  font-weight: 700;
}

/* Intro */
#training-section .section-intro {
  color: #495057;
}

/* Main paragraph */
#training-section p {
  color: #495057;
  line-height: 1.7;
}

/* Highlight key concepts */
#training-section strong {
  color: #121212;
  font-weight: 600;
}

/* List items */
#training-section ul li {
  color: #495057;
  margin-bottom: 0.6rem;
}

/* List icons */
#training-section ul li i {
  color: #4b0082; /* BSides Purple */
}
/* Footer note / disclaimer – FORCE OVERRIDE */
#training-section small {
  display: block;
  margin-top: 12px;
  color: #cc00cc !important; /* BSides Pink */
  font-style: italic;
}
/* ===== BSIDES MINI – BSides 2026 (LIGHT / CALLOUT) ===== */

.bsidesmini-bg {
  background-color: #ffffff;
  color: #141c25;
  padding: 90px 0;
}

/* Main heading */
.bsidesmini-bg .section-heading {
  color: #4b0082; /* BSides Purple */
  font-weight: 800;
}

/* Intro text */
.bsidesmini-bg .section-intro {
  color: #495057;
  line-height: 1.7;
}

/* Highlights */
.bsidesmini-bg strong {
  color: #ff00ff; /* BSides Pink */
  font-weight: 600;
}

/* Main icons */
.bsidesmini-bg i {
  color: #00a99d; /* BSides Green */
  font-size: 2.2rem;
  transition: transform .25s ease, color .25s ease;
}

/* Micro interaction */
.bsidesmini-bg .col-md-3:hover i {
  transform: translateY(-6px);
  color: #4b0082;
}

/* Subtitles */
.bsidesmini-bg h6 {
  color: #121212;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Description text */
.bsidesmini-bg p {
  color: #6c757d;
}
/* =============================
   BSIDES MINI – Icon color split
   ============================= */

/* Default icon color */
.bsidesmini-bg i {
  color: #00a99d; /* Green */
}

/* Alternate icons */
.bsidesmini-bg .col-md-3:nth-child(even) i {
  color: #4b0082; /* Purple */
}

/* Hover keeps identity */
.bsidesmini-bg .col-md-3:hover i {
  color: #ff00ff; /* Pink on hover */
}
/* =============================
   BSIDES MINI – FORCE ICON COLOR
   ============================= */

.bsidesmini-bg i,
.bsidesmini-bg svg,
.bsidesmini-bg svg path {
  color: #00a99d !important;   /* BSides Green */
  fill: #00a99d !important;
}

/* Alternate icons */
.bsidesmini-bg .col-md-3:nth-child(even) i,
.bsidesmini-bg .col-md-3:nth-child(even) svg,
.bsidesmini-bg .col-md-3:nth-child(even) svg path {
  color: #4b0082 !important;   /* BSides Purple */
  fill: #4b0082 !important;
}

/* Hover accent */
.bsidesmini-bg .col-md-3:hover i,
.bsidesmini-bg .col-md-3:hover svg,
.bsidesmini-bg .col-md-3:hover svg path {
  color: #ff00ff !important;
  fill: #ff00ff !important;
}
/* ================= EDICIONES ANTERIORES – BSides 2026 (DARK) ================= */

#past-sessions-section {
  background: radial-gradient(
    ellipse at center,
    #1a1026 0%,
    #121212 65%,
    #0b0e1a 100%
  );
  color: #e6eaf2;
  padding: 90px 0;
}

/* Section heading */
#past-sessions-section .section-heading {
  color: #00a99d; /* VERDE */
  font-weight: 800;
  text-shadow: 0 0 14px rgba(0,169,157,0.25);
}

/* Intro text */
#past-sessions-section .section-intro {
  color: #bfc5c8;
  font-size: 1.05rem;
}

/* Outline buttons – FUCSIA */
#past-sessions-section .btn-outline-primary {
  color: #ff00ff;
  border-color: #ff00ff;
  background: transparent;
  font-weight: 700;
}

/* Hover buttons */
#past-sessions-section .btn-outline-primary:hover {
  background-color: #ff00ff;
  color: #ffffff;
  border-color: #ff00ff;
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(255, 0, 255, 0.35);
}
/* ================= SOCIAL MEDIA – BSides 2026 (LIGHT) ================= */

.social-white {
  background-color: #ffffff;
  color: #121212;
  padding: 90px 0;
}

/* Section heading */
.social-white .section-heading {
  color: #4b0082; /* MORADO */
  font-weight: 900;
}

/* Intro text */
.social-white .section-intro {
  color: #495057;
  font-size: 1.05rem;
}

/* Highlighted keyword */
.social-white strong {
  color: #ff00ff; /* FUCSIA */
  font-weight: 700;
}

/* Icon container */
.social-icons {
  margin-top: 18px;
}

/* Icons */
.social-icons a {
  font-size: 42px;
  color: #00a99d; /* VERDE */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  transition: transform .25s ease, color .25s ease, box-shadow .25s ease;
}

/* Hover */
.social-icons a:hover {
  color: #ff00ff;
  transform: translateY(-6px);
  box-shadow:
    0 10px 24px rgba(255, 0, 255, 0.25),
    0 0 12px rgba(255, 0, 255, 0.15);
}

/* ================= PROGRAMACIÓN – BSides 2026 (LIGHT) ================= */

#schedule-section {
  background-color: #ffffff;
  color: #141c25;
}

/* Título de la sección */
#schedule-section .section-heading {
  color: #4b0082; /* BSides Purple */
  font-weight: 800;
}

/* Intro */
#schedule-section .section-intro {
  color: #495057;
  font-size: 1.05rem;
}

/* Tabs (días) */
#schedule-section .nav-pills .nav-link {
  color: #6c757d;
  border-radius: 20px;
  padding: 8px 18px;
  font-weight: 500;
}

#schedule-section .nav-pills .nav-link.active {
  background-color: #00a99d; /* BSides Green */
  color: #ffffff;
}

/* Tabla */
#schedule-section table {
  background-color: #ffffff;
}

/* Cabecera de tabla */
#schedule-section thead th {
  color: #121212;
  font-weight: 600;
  border-bottom: 2px solid #e5e7eb;
}

/* Columna de hora */
#schedule-section tbody td:first-child {
  color: #00a99d; /* BSides Green */
  font-weight: 600;
  white-space: nowrap;
}

/* Icono de tiempo */
#schedule-section tbody td:first-child::before {
  content: "⏱ ";
  font-size: 0.85em;
  opacity: 0.6;
}

/* Título de la charla */
#schedule-section tbody td:nth-child(2) {
  color: #141c25;
}

/* Speaker */
#schedule-section tbody td:nth-child(3) {
  color: #6c757d;
}

/* Hover de filas */
#schedule-section tbody tr {
  transition: background-color .15s ease;
}

#schedule-section tbody tr:hover {
  background-color: #f8f9fa;
}

/* 🔥 FUCSIA SUTIL EN HOVER (solo hora) */
#schedule-section tbody tr:hover td:first-child {
  color: #ff00ff;
}

/* Texto strong dentro de celdas */
#schedule-section td strong {
  color: #00a99d;
  font-weight: 600;
}

/* Texto small */
#schedule-section td small {
  color: #6c757d;
}

/* ================= TIPOS DE SESIÓN ================= */

/* Keynote – principal */
.session-keynote {
  color: #00a99d; /* Verde */
  font-weight: 700;
}

/* Workshop – especial (FUCSIA) */
.session-workshop {
  color: #ff00ff; /* BSides Pink */
  font-weight: 700;
}

/* Mini / lightning */
.session-mini {
  color: #00a99d;
  font-weight: 700;
}

#schedule-section td[colspan="2"] {
  border-left: 4px solid rgba(255,215,0,0.45);
}


/* ================= BLOQUES GRANDES ================= */

/* Filas con colspan (apertura, almuerzo, cierre) */
#schedule-section td[colspan="2"] {
  text-align: center;
  background-color: #f8f9fa;
  padding: 28px 16px;
}

/* Título del bloque */
#schedule-section td[colspan="2"] strong {
  display: block;
  font-size: 1.15rem;
  font-weight: 600;
  color: #4b0082; /* Purple */
  margin-bottom: 4px;
}

/* Texto secundario del bloque */
#schedule-section td[colspan="2"] small {
  font-size: 1rem;          /* +legibilidad */
  color: #4b0082;           /* MORADO oficial */
  opacity: 0.85;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px) {
  #schedule-section table {
    font-size: 0.95rem;
  }

  #schedule-section tbody td:first-child {
    font-size: 0.9rem;
  }
}
/* ================= SPONSORS – BSides 2026 (DARK / PREMIUM) ================= */

.sponsors-bg {
  background:
    radial-gradient(
      1100px 700px at 50% 20%,
      rgba(255, 0, 255, 0.18),
      rgba(75, 0, 130, 0.22),
      rgba(18, 18, 18, 0.95)
    ),
    linear-gradient(135deg, #121212, #1a1026) !important;
  color: #e6eaf2;
}

/* Decorative lines */
.sponsors-bg .sponsor-level::before,
.sponsors-bg .sponsor-level::after {
  background: rgba(0, 169, 157, 0.25) !important; /* Green glow */
}

/* Level title base */
.sponsors-bg .sponsor-level h5 {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(0,169,157,0.25);
  color: #e6eaf2 !important;
  box-shadow: 0 0 22px rgba(0,169,157,0.18);
}

/* ================= LEVELS ================= */

/* Titanium – elite */
.sponsors-bg .sponsor-level.titanium h5 {
  background: linear-gradient(
    135deg,
    rgba(0,169,157,0.25),
    rgba(75,0,130,0.35)
  ) !important;
  color: #ffffff !important;
}

/* Gold – prestige */
.sponsors-bg .sponsor-level.gold h5 {
  background: linear-gradient(
    135deg,
    rgba(255,215,0,0.85),
    rgba(255,0,255,0.35)
  ) !important;
  color: #121212 !important;
}

/* Silver – solid */
.sponsors-bg .sponsor-level.silver h5 {
  background: linear-gradient(
    135deg,
    rgba(191,197,200,0.9),
    rgba(0,169,157,0.25)
  ) !important;
  color: #121212 !important;
}

/* Bronze – community */
.sponsors-bg .sponsor-level.bronze h5 {
  background: linear-gradient(
    135deg,
    rgba(255,215,0,0.55),
    rgba(75,0,130,0.25)
  ) !important;
  color: #121212 !important;
}

/* ================= PLACEHOLDER ================= */

.sponsor-placeholder {
  border: 2px dashed rgba(0,169,157,0.45) !important;
  color: rgba(230,234,242,0.9) !important;
  background: rgba(255,255,255,0.05) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,0,255,0.08),
    0 0 26px rgba(0,169,157,0.18);
}

/* ================= LOGOS ================= */

.sponsors-bg .sponsor-logo {
  filter:
    drop-shadow(0 10px 24px rgba(0,0,0,.55))
    drop-shadow(0 0 14px rgba(0,169,157,0.18));
}


/* ================= SURFACES / CARDS – BSides 2026 ================= */

.card,
.modal-content,
.dropdown-menu {
  background: rgba(18, 18, 18, 0.92); /* BSides Black */
  border: 1px solid rgba(255,255,255,0.12);
  color: #e6eaf2;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* ================= BUTTONS – BSides 2026 ================= */

/* Primary button – ACTION */
.btn-primary {
  background-color: #ff00ff; /* BSides Pink */
  border-color: #ff00ff;
  color: #ffffff;
  font-weight: 700;
  box-shadow: none;
}

.btn-primary:hover {
  background-color: #cc00cc;
  border-color: #cc00cc;
  color: #ffffff;
  box-shadow: 0 0 24px rgba(255, 0, 255, 0.25);
}

/* Outline primary – SECONDARY ACTION */
.btn-outline-primary {
  color: #00a99d; /* BSides Green */
  border-color: rgba(0, 169, 157, 0.65);
  background: transparent;
  font-weight: 600;
}

.btn-outline-primary:hover {
  background-color: rgba(0, 169, 157, 0.12);
  border-color: #00a99d;
  color: #e6eaf2;
}

/* =====================================================
   PROGRAMACIÓN – TRAINING NOTICE (PALETA OFICIAL)
   ===================================================== */

.training-notice {
  background-color: #4b0082; /* MORADO */
  border: 2px solid #ff00ff; /* ROSA / FUCSIA */
  border-radius: 14px;
  padding: 1.75rem;
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

/* Título */
.training-notice h5 {
  color: #ffd700; /* AMARILLO */
  font-weight: 900;
  margin-bottom: 8px;
}

/* Fecha */
.training-notice p strong {
  color: #ffffff;
  font-weight: 700;
}

/* Texto principal */
.training-notice p {
  color: #ffffff;
}

/* Disclaimer */
.training-notice small,
.training-notice em {
  display: block;
  margin-top: 6px;
  color: #bfc5c8; /* GRIS */
  font-style: italic;
}

/* Responsive */
@media (max-width: 767px) {
  .training-notice {
    padding: 1.25rem;
  }
}