/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1750759237
Updated: 2025-06-24 12:00:37

*/

/*body {
    cursor: url('https://alegrialive.pramos.es/wp-content/uploads/2025/07/x-cursor.png') 16 16, auto; }
    */

body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
    position: relative;
    z-index: -1;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display: block;
    height: 120px; 
    margin: -120px 0 0; 
    visibility: hidden;
    pointer-events: none;}

.current-menu-item a{
    font-style: italic;
    color: var(--e-global-color-primary) !important;
}

.menu-item a:hover {
    font-style: italic;
    color: transparent !important;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: var(--e-global-color-primary);
}



.marquee-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: transparent;
    height: auto;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: scroll-loop 15s linear infinite;
}


.marquee-track span {
    white-space: nowrap;
    padding-right: 4rem;
    /* espacio entre repeticiones */
    font-size: 120px;
        font-weight: 900;
        color:#fff;
}
.marquee-track span img {
    width: 160px;
}
.efecto-fusion {
    mix-blend-mode: color-dodge;
}


.efecto-fusion span{
    color: var(--e-global-color-primary) !important;
}
@keyframes scroll-loop {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    } }

    .destacado{
        color: var(--e-global-color-primary);
        font-style: italic !important;
        font-weight: bold !important;
    }
  


        /***
    * class: .sticky-header
    */
        header.sticky-header {
            --header-height: 100px;
            --shrink-header-to: 0.6;
            --transition: .45s cubic-bezier(.4, 0, .2, 1);
            background-color:transparent;
            transition: background-color var(--transition),
                backdrop-filter var(--transition),
                box-shadow var(--transition);
        }
    
        /***
    * Sticky header activated
    */
        header.sticky-header.elementor-sticky--effects {
            background-color: #E4042152;
            box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
        }

                header.sticky-header.header-blanco.elementor-sticky--effects {
                    background-color: #9e9d9d52;
                }

        header.sticky-header.elementor-sticky--effects .e-con-inner {
                    padding: 5px 0;      
    }
    
        header.sticky-header>.elementor-container {
            min-height: var(--header-height);
            transition: min-height var(--transition);
        }
    
        header.sticky-header.elementor-sticky--effects>.elementor-container {
            min-height: calc(var(--header-height) * var(--shrink-header-to));
        }
    
        /***
    * Shorter header on mobile (70px instead of 100px)
    */
        @media only screen and (max-width: 767px) {
            header.sticky-header {
                --header-height: 70px;
            }
        }
    
        /***
    * class: .logo
    */
        header.sticky-header .logo img {
            transition: transform var(--transition);
        }
    
        header.sticky-header.elementor-sticky--effects .logo img {
            transform: scale(.8);
        }

/*ESPECTACULO*/

.carrusel-espectaculo img{
    width: 100%;
    height: 640px !important;
    object-fit: cover;
    object-position: center;
} 

@media only screen and (max-width: 1024px) {
   .carrusel-espectaculo img {
       height: 400px !important;
   }
}


.flota img {
    animation: flotar 3s ease-in-out infinite;
  }
  
  @keyframes flotar {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-8px);
    }
  }