.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 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 *//* ════════════════════════════════════════════════════════════════
   CANTABRIA TECH SHOW — RITMO VISUAL GLOBAL
   ────────────────────────────────────────────────────────────────
   Problema que resuelve: 8 secciones seguidas con fondo negro plano
   y la misma estructura de cabecera → la página se lee monótona.
   Esto NO cambia el contenido de ninguna sección: añade profundidad,
   alternancia y separadores para que el ojo tenga puntos de descanso.

   DÓNDE VA: Elementor → Elementos Personalizados → Code → body start
   (junto al resto del CSS del sitio). Un solo bloque, nada más.
   ════════════════════════════════════════════════════════════════ */

/* ── 1 · PROFUNDIDAD: cada sección deja de ser negro plano ──
   Halos muy suaves, alternando lado y color, para que el fondo
   respire sin que se note "un degradado". */

/* #ctsPartners y #ctsFaq YA NO llevan aquí override de fondo:
   ahora son secciones en modo claro (ver sus propios archivos),
   forzarlas a #0a0d12 desde aquí las volvería a poner oscuras. */

#ctsNews{
  background:
    radial-gradient(75% 110% at 8% 15%,rgba(204,255,0,.05) 0%,transparent 55%),
    #0a0d12 !important;
}

#ctsSpeakers{
  background:
    radial-gradient(85% 120% at 92% 30%,rgba(0,229,255,.06) 0%,transparent 60%),
    #0b0e14 !important;   /* un punto más claro: crea escalón */
}

#ctsAgenda{
  background:
    radial-gradient(70% 100% at 12% 0%,rgba(204,255,0,.045) 0%,transparent 55%),
    #0a0d12 !important;
}

#ctsCallSpeakers{
  background:
    radial-gradient(90% 130% at 50% 110%,rgba(204,255,0,.07) 0%,transparent 60%),
    #0b0e14 !important;
}

#ctsContact{
  background:
    radial-gradient(85% 120% at 10% 90%,rgba(0,229,255,.06) 0%,transparent 60%),
    #0b0e14 !important;
}

/* ── 2 · TEXTURA: retícula técnica sutilísima ──
   La misma del hero, al 40% de intensidad, solo en las secciones
   "densas". Aporta materia sin distraer. */
#ctsNews::before,
#ctsSpeakers::before,
#ctsAgenda::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(204,255,0,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(204,255,0,.028) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 75%);
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 75%);
}
#ctsNews,#ctsSpeakers,#ctsAgenda{position:relative}
#ctsNews > *,#ctsSpeakers > *,#ctsAgenda > *{position:relative;z-index:1}

/* ── 3 · SEPARADOR DE SEÑAL entre secciones ──
   Una onda de marca que cierra cada bloque. Sustituye al vacío
   negro que hay ahora entre sección y sección. */
.cts-wave{
  display:block;width:100%;height:clamp(40px,6vw,70px);
  background:#0a0d12;margin:0;line-height:0;overflow:hidden;
}
.cts-wave svg{width:100%;height:100%;display:block}
.cts-wave .w-line{
  fill:none;stroke-width:1.6;stroke-linecap:round;
  stroke:url(#ctsWaveGrad);
  opacity:.5;
}
.cts-wave .w-dot{fill:#CCFF00;opacity:.9}

/* ── 4 · CABECERAS: numeración de sección ──
   Da sensación de recorrido ("vas por la 3 de 8") en vez de
   secciones sueltas. Se inserta por CSS, no toca el HTML. */
#ctsPartners .pt-label::before{content:'01 / '}
#ctsNews .cn-label::before{content:'02 / '}
#ctsSpeakers .sp-label::before{content:'03 / '}
#ctsAgenda .ag-label::before{content:'04 / '}
#ctsCallSpeakers .cs-label::before{content:'05 / '}
#ctsFaq .fq-label::before{content:'06 / '}
#ctsCafe .tc-label::before{content:'07 / '}
#ctsContact .ct-label::before{content:'08 / '}

#ctsPartners .pt-label::before,#ctsNews .cn-label::before,
#ctsSpeakers .sp-label::before,#ctsAgenda .ag-label::before,
#ctsCallSpeakers .cs-label::before,#ctsFaq .fq-label::before,
#ctsCafe .tc-label::before,#ctsContact .ct-label::before{
  opacity:.45;font-weight:400;
}

/* ── 5 · TÍTULOS: filo de luz a la izquierda ──
   Un detalle que unifica todas las cabeceras y las ancla al margen. */
#ctsPartners .pt-title,#ctsNews .cn-title,#ctsSpeakers .sp-title,
#ctsAgenda .ag-title,#ctsCallSpeakers .cs-title,#ctsFaq .fq-title,
#ctsContact .ct-title{
  position:relative;padding-left:18px !important;
}
#ctsPartners .pt-title::before,#ctsNews .cn-title::before,
#ctsSpeakers .sp-title::before,#ctsAgenda .ag-title::before,
#ctsCallSpeakers .cs-title::before,#ctsFaq .fq-title::before,
#ctsContact .ct-title::before{
  content:'';position:absolute;left:0;top:.12em;bottom:.12em;width:3px;
  background:linear-gradient(180deg,#CCFF00,#00E5FF);
  opacity:.85;
}

/* ── 6 · RESPIRACIÓN VERTICAL ──
   Todas las secciones tenían el mismo padding gigante. Reducimos
   un punto y unificamos el ancho de contenido para que los bordes
   izquierdos coincidan de arriba abajo (ahora bailan entre
   880px, 1060px, 1140px y 1320px). */
#ctsNews .cn-head,#ctsNews .cn-rule,#ctsNews .cn-grid,
#ctsSpeakers .sp-head,#ctsSpeakers .sp-rule,#ctsSpeakers .sp-grid,
#ctsPartners .pt-inner,#ctsAgenda .ag-inner,
#ctsCallSpeakers .cs-inner,#ctsFaq .fq-inner,
#ctsContact .ct-inner,#ctsCafe .tc-inner{
  max-width:1240px !important;
}

@media (prefers-reduced-motion:reduce){
  .cts-wave .w-line{animation:none !important}
}/* End custom CSS */