/* ===================================
*  COLORES
*  ===================================*/
:root{
    --colorAmarillo: #E4E543;
    --colorAzul: #8ACFE7;
    --coloBlanco: #ffffff;
    --colorFucsia: #EC6AA1;
    --colorMorado: #947AD5;
    --colorNaranja: #1D1D1D;
    --colorNegro: #1D1D1D;
    --colorRojo: #C83B2A;
    --colorVerde: #A2E77F;
}

@font-face {
    font-family: 'Futura XBlk BT';
    src: url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'),
        url('../fonts/FuturaBT-ExtraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Black-Bold.woff2') format('woff2'),
        url('../fonts/Futura-Black-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lacquer';
    src: url('../fonts/Lacquer-Regular.woff2') format('woff2'),
        url('../fonts/Lacquer-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-CondensedExtraBold.woff2') format('woff2'),
        url('../fonts/Futura-CondensedExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Bold.woff2') format('woff2'),
        url('../fonts/Futura-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Medium.woff2') format('woff2'),
        url('../fonts/Futura-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-CondensedMedium.woff2') format('woff2'),
        url('../fonts/Futura-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-MediumItalic.woff2') format('woff2'),
        url('../fonts/Futura-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}




:root{

}

.ast-container{
	max-width: 100% !important;
}

.ast-container, .ast-container-fluid{
		margin-left: 0 !important;
    margin-right: 0  !important;
    padding-left: 0  !important;
    padding-right: 0 !important;
}

.home .site{
	overflow: hidden;
}
header{
	position: absolute !important;
	top: 0px;
	left: 0;
	right: 0;
}

.nubo-header-nav a{
	    font-size: 2.1vw !important;
}

#primary{
	margin-top: 0 !important;
}

.nubo-header-logo{
	width: 15vw;
}

.kizz-banner{
    height: 80vw;
    width: 100vw;
}

.kizz-banner-img-1{
    position: absolute;
	top:0vw;
    left: 5vw;
	width: 35vw;
}

.kizz-banner-cont-right{
    position: absolute;
    right: 5vw;
    top: 3vw;
    width: 50vw;
}

.kizz-banner-img-2 img{
	width: 48vw; 
}



.kizz-banner-btn {
	position: absolute;
    bottom: -5vw;
    left: 10vw;
}
.kizz-banner-btn a{
	background-color: var(--colorFucsia) !important;
    border-radius: 0;
    color: var(--colorVerde);
    box-shadow: 0.2vw 0.4vw var(--colorMorado);
    font-family: 'Myriad Pro' !important;
    font-weight: 800 !important;
    font-size: 1.8vw;
	padding: 0.8vw 1.1vw;
    
}


.kizz-banner-rockstar{
	position: absolute;
    top: 30vw;
    left: 10vw;
    width: 30vw;
}


.kizz-banner-rockstar-text{
	background-image: url(https://circulocoyote.com/kizz/wp-content/uploads/2025/11/header-text-bg-desk.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--colorNegro);
    font-family: "Myriad Pro" !important;
    font-size: 2.2vw;
    height: 15vw;
    line-height: 1;
    padding: 2vw 0 0 7vw;
    position: absolute;
    top: 39vw;
    left: 34vw;
    text-align: left;
    width: 50vw;
}


.kizz-text p,
.kizz-banner-rockstar-text p{
	margin: 0;
}


.kizz-premier-cont-info{
	width: 100vw
}

.kizz-premier-cont-info .e-con-inner{
	width: 100%;
    max-width: 100%;
}


.kizz-titulo-1 .elementor-heading-title{
	font-family: 'Futura' !important;
    color: var(--colorAmarillo);
    text-shadow: -0.3vw 0.3vw var(--colorNegro);
    line-height: 1 !important;
    -webkit-text-stroke: 1px var(--colorNegro);
    font-size: 3.6vw;
}

.kizz-text{
   color: var(--colorNegro);
    font-family: "Myriad Pro" !important;
    font-size: 2.2vw;
    line-height: 1;

}/*
.kizz-premier{
	overflow-x: hidden;
}*/

.kizz-premier-cont-img{
	width:35vw;
	position: absolute;
	right: 5vw;
	top: -2vw;
	z-index: 1; 
}

.kizz-energy-cont-info{
	width: 45vw;
}

.kizz-energy-cont-img{
	    width: 55vw;
    /* position: absolute; */
    margin-top: -5vw;

}


.kizz-pret-cont-info{
	background-image: url(https://circulocoyote.com/kizz/wp-content/uploads/2025/11/generation-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 10vw  8vw;

}

.kizz-listones{
	width: 100vw;
	height: 15vw;
	position: relative;
}

.kizz-listones-box-1{
	transform: rotateZ(356deg);
	width: 101vw;
	position: absolute;
	left: -1vw;
	top: 0;
	z-index: 1;
}

.kizz-listones-box-2{
	transform: rotateZ(362deg);
    width: 101vw;
    position: absolute;
    left: -1vw;
    top: 10vw;
    z-index: 2;
}

.kizz-titulo-2 .elementor-heading-title{
	font-family: 'Futura' !important;
    color: var(--colorAmarillo);
    text-shadow: -0.2vw 0.3vw var(--colorNegro);
    line-height: 1;
    -webkit-text-stroke: 2px var(--colorNegro);
    font-size: 3vw;
	padding: 1vw;
}

.kiz-saveurs-header{
	position: absolute;
    z-index: 2;
    top: 10vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.kiz-saveurs-header-titulo{
    transform: rotateZ(-3deg);
}

.kizz-carousel-container{


}

.kizz-carousel-box{
    padding: 23vw 8vw 8vw 8vw;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2vw;
}

.kizz-carousel-title{
	font-family: 'Futura' !important;
    margin: 0;
    text-align: center;
    line-height: 1.4;
    font-size: 1.9vw;
	color: #000000;
}

.kizz-carousel-image{
	
}

.kizz-carousel-image img{

}

.kizz-carousel-text{
	font-family: "Myriad Pro" !important;
    font-size: 1.6vw;
    line-height: 1;
	text-align: center;
	color: #000000;
}

.kizz-carousel-format-box{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	gap: 10px;
}

.kizz-carousel-format{
	    font-family: 'Futura' !important;
    font-size: 1.2vw;
    line-height: 1;
	text-align: center;
	margin: 0;
	color: #000000;
}

.kizz-carousel-format-text{
	font-family: "Myriad Pro" !important;
    font-size: 1.3vw;
    line-height: 1;
	text-align: center;
	color: #000000;
}



.kizz-draw-1,
.kizz-draw-2,
.kizz-snak-1,
 .kizz-snak-2,
 .kizz-snak-3,
 .kizz-snak-4,
 .kizz-snak-5,
 .kizz-snak-6,
 .kizz-snak-7,
 .kizz-snak-8,
 .kizz-snak-9,
 .kizz-snak-10,
 .kizz-snak-11,
 .kizz-snak-12,
 .kizz-snak-13,
 .kizz-snak-14,
 .kizz-snak-15,
 .kizz-snak-16,
 .kizz-snak-17,
 .kizz-snak-18,
 .kizz-snak-19,
 .kizz-snak-20,
 .kizz-snak-21,
 .kizz-snak-22,
 .kizz-snak-23,
 .kizz-snak-24
{
	position: absolute;
	height: auto;
	z-index: 2;
}

.kizz-snak-1 {
	left: 3vw;
    width: 8vw;
    top: 36vw;
}

.kizz-snak-2 {
	left: 42vw;
    width: 10vw;
    top: 31vw;
}

.kizz-snak-3 {
	left: 67vw;
    width: 9vw;
    top: 18vw;
}

.kizz-snak-4 {
	    left: 80vw;
    width: 9vw;
    top: 35vw;
}

.kizz-snak-5 {
	left: 17vw;
    top: 4vw;
    width: 7vw;
}

.kizz-snak-6 {
	left: 50vw;
    top: 5vw;
    width: 7vw;
}

.kizz-snak-7 {
	left: 59vw;
    top: -1vw;
    width: 10vw;
}

.kizz-snak-8 {
	left: 81vw;
    top: -4vw;
    width: 14vw;
}

.kizz-snak-9 {
	left: 23vw;
    top: 40vw;
    width: 15vw;
}

.kizz-snak-10 {
	left: 45vw;
    top: 20vw;
    width: 9vw;
}

.kizz-snak-11 {
	left: 13vw;
    top: 43vw;
    width: 11vw;
}

.kizz-snak-12 {
	left: 46vw;
    top: 41vw;
    width: 7vw;
}

.kizz-snak-13 {
	left: 53vw;
    top: 60vw;
    width: 10vw;
}

.kizz-snak-14 {
	left: 8vw;
    top: 28vw;
    width: 7vw;
}

.kizz-snak-15 {
	left: 3vw;
    top: 35vw;
    width: 10vw;
}

.kizz-snak-16 {
	left: 82vw;
    top: 16vw;
    width: 10vw;
}
.kizz-snak-17 {
	width: 15vw;
    top: 38vw;
    left: 88vw;

}
.kizz-draw-1,
.kizz-draw-2,
.kizz-snak-18,
.kizz-snak-19,
.kizz-snak-20,
.kizz-snak-21,
.kizz-snak-22,
.kizz-glass-1, 
.kizz-glass-2,
.kizz-snak-23,
.kizz-snak-24
{
	display: none;
}

/* .kizz-snak-7,
.kizz-snak-8,
.kizz-snak-7,
.kizz-snak-8
{
	transform: translateY(-70vw);
}
*/
/* .kizz-snak-10,
.kizz-snak-11,
.kizz-snak-12,
.kizz-snak-13
{
	transform: translateY(50vw);
} 
 */





.owl-carousel-container {
}

.owl-carousel {
}

.owl-carousel-servicios {
}

.carousel-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	gap: 1vw;
}

.carousel-image {
}

.carousel-title {
	margin-top: 2vw;
	font-size: 1.5vw;
	line-height: 1;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	text-align: center;
}

.carousel-text {
	font-size: 1.5vw;
	line-height: 1;
	font-weight: 300 !important;
	margin-bottom: 0 !important;
	text-align: center;
}
/*
.kizz-premier,
.kizz-saveurs,
.kizz-energy,*/
/*.kizz-pret{
	overflow-x: hidden;
}*/

.kizz-menu-auxiliar{
	display: none;
}

@media (max-width: 800px){
	
	.kizz-menu-auxiliar-btn{
		width: 20vw !important;
        height: 20vw;
        aspect-ratio: 1 / 1;
        padding: 0 !important;
		padding: 0 !important;
        padding-right: 0 !important;
	}
	.kizz-menu-auxiliar-btn img{
		width: 100% !important;
        height: 100%;
        aspect-ratio: 1 / 1;
        display: block;
        object-fit: contain;
        padding: 0;
	}
	.kizz-menu-auxiliar a.kizz-menu-auxiliar-link{
		font-size: 7vw !important;
        font-family: "Myriad Pro" !important;
        color: var(--colorVerde);
        line-height: 1;
	}
	.kizz-menu-auxiliar{
		position: relative;
        color: #ffffff;
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        gap: 3vw;
        padding: 20px 15px 0;
	}
	.nubo-header-logo{
		width: 22vw;
	}
	.nubo-header-nav li{
		border-bottom: 0 !important;
	}
	.nubo-header-nav a.hfe-menu-item{
		font-size: 14vw !important;
        padding-left: 20px !important;
        font-family: "Myriad Pro" !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        text-align: center;
        display: block !important;
        border-bottom: 1px solid #a2e77f !important;
        width: 90%;
		margin: 0 auto;
		padding: 15px;
        padding-right: 15px !important;
	}
	.hfe-nav-menu__layout-horizontal{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
	}
	
	.kizz-banner{
		height: 160vw;
	}

	.kizz-banner-img-2,
	.kizz-snak-1,
	.kizz-snak-4,
	.kizz-snak-5,
	.kizz-snak-6,
	.kizz-snak-9,
	.kizz-snak-10,
	.kizz-snak-16{
		display: none;
	}

	.kizz-banner-img-1{
		width: 65vw;
		left: 0vw;
	}

	.kizz-glass-1{
		display: block;
        position: absolute;
        top: -5vw;
        right: 0vw;
        transform: rotateZ(-22deg);
        width: 30vw;
    }

	.kizz-snak-3 {
		left: unset;
        top: 34vw;
        right: 5vw;
        width: 17vw;
	}
	.kizz-glass-2{
		display: block;
        width: 28vw;
        position: absolute;
        top: 47vw;
        transform: rotateZ(16deg);
        right: 0;
		z-index:2;
	}

	.kizz-banner-rockstar{
		top: 55vw;
		left: -1vw;
		width: 45vw;
	}
	.kizz-banner-rockstar-text{
		background-image: url(https://circulocoyote.com/kizz/wp-content/uploads/2025/11/header-text-bg-mobile.png);
        font-size: 2.8vw;
        height: auto;
        padding: 15vw 5vw 8vw 18vw;
        top: 74vw;
        width: fit-content;
	}

	.kizz-snak-2{
		left: 8vw;
		width: 20vw;
		top: 103vw;
	}

	.kizz-banner-btn{
		position: absolute;
		left: -26vw;
		bottom: unset;
		top: 124vw;
		width: 70vw !important;
	}
	.kizz-banner-btn a{
		box-shadow: 1vw 1vw var(--colorMorado);
		font-size: 3.5vw;
		width: 70vw !important;
	}

	.kizz-snak-8 {
		left: 83vw;
		top: -22vw;
		width: 17vw;
	}

	.kizz-premier-cont-img{
		position: relative;
        left: 5vw;
        right: 5vw;
		width: 70vw;
	}
	.kizz-titulo-1 .elementor-heading-title{
		font-size: 6vw;
	}

	.kizz-text{
		font-size: 4vw;
	}

	.kizz-premier-cont-info{
		width: 100%;
	}

	.kizz-snak-7 {
		left: 76vw;
		top: 94vw;
		width: 20vw;
	}

	.kizz-carousel-box{
		height: 160vw;
        padding: 42vw 5vw 20vw 0;
        box-sizing: border-box;
	}
	.kizz-carousel-title {
		font-size: 4vw;
	}
	.kizz-carousel-text{
		font-size: 3.5vw;
	}
	.kizz-carousel-format-box {
		padding-top: 5vw;
 	}
	.kizz-carousel-format{
		font-size: 3vw;
	}
	
	.kizz-carousel-format-text{
		font-size: 3.2vw;

	}

	.kizz-carousel-image{
		width: 50vw;
	}
	.owl-dots{
		display: none;
	}

	.kizz-energy-cont-img{
		width: 80vw;
	}
	.kizz-energy-cont-info{
		width: 80vw;
	}
	.kizz-snak-12 {
		left: 46vw;
		top: 11vw;
		width: 10vw;
	}
	.kizz-snak-12 {
		left: 60vw;
		top: 12vw;
		width: 15vw;
	}

	.kizz-snak-11 {
		left: 1vw;
		top: 43vw;
		width: 20vw;
	}

	.kizz-snak-18 {
		display: block;
        width: 23vw;
        top: -1vw;
        left: 9vw;
        z-index: 6;
        position: absolute;

    }

	.kizz-pret-cont-info {
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: top;
		padding: 19vw 0vw;
	}

	.kizz-pret-text{
		padding: 0 7vw;
	}
	.kizz-snak-14 {
		left: 27vw;
		top: 81vw;
		width: 10vw;
	}
	.kizz-snak-15 {
		left: 0vw;
        top: 68vw;
        width: 22vw;
	}

	.kizz-snak-19 {
			display: block;
        position: absolute;
        left: 84vw;
        top: 58vw;
        width: 24vw;
        z-index: 2;
    }

	.kizz-snak-20{
		display: block;
        position: absolute;
        left: 71vw;
        top: 76vw;
        width: 17vw;
        z-index: 2;
	}
	.kizz-snak-13 {
		left: 75vw;
		top: 60vw;
		width: 20vw;
	}
	.kizz-titulo-2 .elementor-heading-title{
		text-shadow: -0.2vw 0.2vw var(--colorNegro);
		-webkit-text-stroke: 1px var(--colorNegro);
		font-size: 4.5vw;
	}
	
	.kizz-snak-21{
		display: block;
        position: absolute;
        top: 80vw;
        right: unset;
        width: 30vw;
        left: -52px;
    }
	.kizz-snak-23{
		display: block;
        position: absolute;
        top: 1vw;
        right: 0vw;
        width: 14vw;
        left: unset;
    }
	.kizz-snak-24{
		display: block;
        position: absolute;
        top: 23vw;
        right: unset;
        width: 30vw;
        left: -52px;
    }
	.kizz-draw-1{
		display: block;
        position: absolute;
        top: 123vw;
        right: unset;
        width: 13vw;
        left: -10vw;
    }
	.kizz-draw-2{
		display: block;
        position: absolute;
        top: 30vw;
        right: -5vw;
        width: 20vw;
        left: unset;
        z-index: 1;
    }
	.kizz-snak-17 {
		display: none;
	}
	/*
	.kizz-snak-22{
		display: block;
		position: absolute;
		top: -5vw;
		right: 0vw;
		width: 30vw;
	}*/
	
}
.owl-nav{
	display: none;
}


.nubo-banner-mobile-2{
	animation: subirBajar 5s ease-in-out infinite;
}

@keyframes subirBajar {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-12px); }
  100% { transform: translateY(0); }
}


@media (min-width: 1200px) {
    .site-content .ast-container {
        display: flex;
        margin-bottom: -60px;
    }
}

.nubo-footer-logo{
	width: 20vw !important;
}

.nubo-footer-links p{
	font-size:1.7vw !important;
}

@media (max-width: 800px) {
	.hfe-nav-menu__layout-horizontal{
		width: 100vw !important;
	}
	.hfe-nav-menu__layout-horizontal.menu-is-active{
		height: calc(100vh - 7vw) !important;
	}
	.hfe-nav-menu{
		height: fit-content;
	}
    .nubo-footer-links p{
		font-size:2.4vw !important;
	}
}