.elementor-kit-5{--e-global-color-primary:#D1D1D1;--e-global-color-secondary:#54595F;--e-global-color-text:#D8D8D8;--e-global-color-accent:#FF0000;--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;background-color:#0E0606;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:2400ms;--e-preloader-animation:pulse;--e-preloader-animation-duration:2300ms;--e-preloader-delay:100ms;--e-preloader-width:54%;--e-preloader-max-width:7%;}.elementor-kit-5 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #0D0C0C 100%);}.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;}.elementor-kit-5{--e-preloader-width:61%;--e-preloader-max-width:56%;}}/* Start custom CSS */#uc_audio_player_mejs_elementor_72f48e5 .mejs__time-total, #uc_audio_player_mejs_elementor_72f48e5 .mejs__time-loaded, #uc_audio_player_mejs_elementor_72f48e5 .mejs__time-current, #uc_audio_player_mejs_elementor_72f48e5 .mejs__horizontal-volume-total, #uc_audio_player_mejs_elementor_72f48e5 .mejs__horizontal-volume-current {
    border-radius: 30px !important;
}


 /* Background noise effect */
body::before {
  content: "";
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: transparent
    url("https://productor.ravenart.es/wp-content/uploads/2026/03/noise-transparent-33.png") repeat 0 0;
  background-size: 300px 300px;
  animation: noise-animation 0.3s steps(5) infinite;
  opacity: 1;
  will-change: transform;
  z-index: 20000;
  pointer-events: none;
}

@keyframes noise-animation {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-2%, -3%);
  }
  20% {
    transform: translate(-4%, 2%);
  }
  30% {
    transform: translate(2%, -4%);
  }
  40% {
    transform: translate(-2%, 5%);
  }
  50% {
    transform: translate(-4%, 2%);
  }
  60% {
    transform: translate(3%, 0);
  }
  70% {
    transform: translate(0, 3%);
  }
  80% {
    transform: translate(-3%, 0);
  }
  90% {
    transform: translate(2%, 2%);
  }
  100% {
    transform: translate(1%, 0);
  }
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
    position: relative;
}

/* --- Estilo de la Barra de Scroll Principal --- */

/* 1. Ancho de la barra */
::-webkit-scrollbar {
    width: 12px;               /* Ancho para PC */
    background-color: #000000; /* Fondo de la base de la barra */
}

/* 2. El fondo de la barra (Track) */
::-webkit-scrollbar-track {
    background-color: #000000;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);
}

/* 3. La pieza que se mueve (Thumb) */
::-webkit-scrollbar-thumb {
    background-color: #FF0000; /* Rojo principal */
    border-radius: 10px;
    border: 3px solid #000000; /* Crea un efecto de separación elegante */
    
    /* Efecto de brillo (Glow) */
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 
                inset 0 0 5px rgba(255, 255, 255, 0.2);
}

/* 4. Efecto al pasar el ratón (Hover) */
::-webkit-scrollbar-thumb:hover {
    background-color: #d10000; /* Un rojo más brillante al tocarlo */
    box-shadow: 0 0 20px rgba(214, 0, 11, 1);
}

/* --- Soporte para Firefox (Limitado) --- */
* {
    scrollbar-width: thin;
    scrollbar-color: #FF0000 #000000;
}


/* --- Estilo de Selección de Texto Personalizado --- */

/* Para Chrome, Edge, Safari y Opera */
::selection {
    background-color: #FF0000; /* Fondo Rojo */
    color: #000000;            /* Texto Negro */
    text-shadow: none;         /* Elimina sombras para máxima claridad */
}

/* Para Firefox */
::-moz-selection {
    background-color: #FF0000; /* Fondo Rojo */
    color: #000000;            /* Texto Negro */
}

/* Opcional: Evitar que las imágenes se pongan azules al arrastrar (mantiene la limpieza visual) */
img::selection {
    background: transparent;
}/* End custom CSS */