.elementor-kit-7{--e-global-color-primary:#F0DAC7;--e-global-color-secondary:#B32131;--e-global-color-text:#F0DAC7;--e-global-color-accent:#F18204;--e-global-color-b9a4c29:#739AB9;--e-global-color-5af99e9:#0A0E23;--e-global-color-7010190:#F0DAC74D;--e-global-color-ae920ab:#F0DAC799;--e-global-typography-primary-font-family:"Onest";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:lowercase;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:lowercase;--e-global-typography-text-font-family:"Onest";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Onest";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:lowercase;--e-global-typography-23adecb-font-family:"Onest";--e-global-typography-23adecb-font-size:22px;--e-global-typography-23adecb-font-weight:700;--e-global-typography-23adecb-text-transform:lowercase;--e-global-typography-23449f3-font-family:"Onest";--e-global-typography-23449f3-font-size:14px;--e-global-typography-23449f3-font-weight:400;--e-global-typography-23449f3-text-transform:lowercase;--e-global-typography-23449f3-line-height:1.5em;background-color:var( --e-global-color-5af99e9 );--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:1000ms;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-5af99e9 );}@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 */.pointer-events-none {
    pointer-events: none;
}

.color-accent {
    color: var( --e-global-color-accent );
}

.img-cover-fit, .img-cover-fit img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*
*** fade animation
*/

body:not(.elementor-editor-active) .fade-animation .invisible {
    opacity: 0;
    transition: opacity 3.5s ease-in-out;
}

.is-inview.fade-animation .invisible {
    opacity: 1 !important;
}


/*
*** divider intro
*/

body:not(.elementor-editor-active) .data-scroll .elementor-divider-separator {
    width: 0 !important;
    transition: width 1.5s  1s ease-in-out;
}

body:not(.elementor-editor-active) .data-scroll.is-inview .elementor-divider-separator {
    width: 100% !important;
}


/*
*** blink-effect*/

.blink-effect {
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}


/*
*** buttons
*/

.btn-animated a.elementor-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*width: 12rem;*/
  height: 3rem;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  overflow: hidden;
  background: transparent;
  border: none;
  padding: 0 1.5rem;
}

/* Círculo como fondo expandible */
.btn-animated a.elementor-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 1.625rem;
  transition: width 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  z-index: 1;
}

/* Flecha encima del círculo */
.btn-animated a.elementor-button::after {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #F0DAC7;
  border-right: 0.125rem solid #F0DAC7;
  transition: transform 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  z-index: 2;
}

/* Oculta el icono nativo de Elementor */
.btn-animated a.elementor-button .elementor-button-icon {
  display: none !important;
}

/* Texto centrado, permanece en su lugar */
.btn-animated a.elementor-button .elementor-button-text {
  margin-left: 2.5rem; /* espacio para el círculo */
  z-index: 2;
  /*font-weight: 700;
  text-transform: uppercase;
  line-height: 1;*/
  transition: color 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  white-space: nowrap;
}


/* Color red */

.btn-animated.color-red a.elementor-button::before {
    background: #B32131;
}


/* Hover Effects */
.btn-animated a.elementor-button:hover::before {
  width: 100%;
}

.btn-animated a.elementor-button:hover::after {
  transform: translate(1rem, -50%) rotate(45deg);
}

/*
** floatings
*/


.floating-1 .elementor-widget-container {
  animation: floatAnimationOne 3.5s 1s ease-in-out infinite;
}

@keyframes floatAnimationOne {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px);
  }
}


.floating-2 .elementor-widget-container {
  animation: floatAnimationTwo 3.5s 0.5s ease-in-out infinite;
}

@keyframes floatAnimationTwo {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.floating-3 .elementor-widget-container {
  animation: floatAnimationThree 3.5s 0.5s ease-in-out infinite;
}

@keyframes floatAnimationThree {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}


/*
*** nominados
*/


.grid-nominados .e-loop-item:nth-child(odd) .nom-img {
  animation: floatAnimationThree 5.5s 1s ease-in-out infinite;
}

.grid-nominados .e-loop-item:nth-child(even) .nom-img {
  animation: floatAnimationTwo 5.5s 0.5s ease-in-out infinite;
}


.nom-overlay {
    opacity: 0;
    transition: opacity .5s;
}

.item-nominado:hover .nom-overlay {
    opacity: 1
}

.nom-img {
    perspective: 1000px;
}

.nom-img img {
  transition: transform 1s ease;
  transform-style: preserve-3d;
}

.item-nominado:hover .nom-img img {
  transform: rotateY(180deg);
}

/* cat blue */
.cursor-blue .nom-overlay {
    background-color: #739AB9CC !important;
}


/* cat red */
.cursor-red .nom-overlay {
    background-color: #B32131CC !important;
}

/* cat cream */
.cursor-cream .nom-overlay {
    background-color: #0A0E23CC !important;
}

/* cat black */
.cursor-black .nom-overlay {
    background-color: #0A0E23CC !important;
}



/*
*** tabs 
*/

@media (min-width: 1025px) {

.tab-subcats .e-n-tabs-heading {
    padding: 45px 20px 0;
    border-right: 1px solid #F0DAC74D;
}

}

@media (max-width: 1024px) {
    .tab-subcats .e-n-tabs-heading {
        --n-tabs-title-gap: 0px 10px !important;
    }
}


@media (min-width:1366px) {

.tab-subcats .e-n-tab-title[aria-selected="true"]::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #F18204;
  border-radius: 50%;
  z-index: 0;

  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  
  box-shadow: 0 0 0 #f18204b0;
  animation: pulses 1.5s infinite;
}

.tab-subcats .e-n-tab-title[aria-selected="true"]::after {
  content: "";
  position: absolute;
  height: .5px;
  width: 999px;
  background: #F0DAC74D;
  top: 50%;
  left: -1029px;
  transform: translateY(-50%);
}

@keyframes pulses {
  0%   { box-shadow: 0 0 0 #f18204b0; }
  70%  { box-shadow: 0 0 0 10px #f1820400; }
  100% { box-shadow: 0 0 0 #f1820400; }
}

    
}

/* mobile tab fix */

.tab-subcats .e-n-tab-title[aria-selected="true"] {
    margin: 0 !important;
}

/* Improved Animations Stylesheet, works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-10px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}/* End custom CSS */