/*Librerías*/
@import url("bulma/bulma.min.css");
@import url("owlcarousel/owl.carousel.min.css");
@import url("owlcarousel/owl.theme.default.min.css");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*Fuentes*/
@font-face {
    font-family: 'Montserrat Regular';
    src: url('fonts/MONTSERRAT-REGULAR.woff') format("woff");
}
@font-face {
    font-family: 'Trend slab one';
    src: url('fonts/trend-slab-one.woff') format("woff");
}
/*.bebas { font-family: 'Trend slab one'; }
.roboto { font-family: 'Montserrat Regular'; }*/
.bebas {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.bold {  font-weight: bold; }
.ls09 { letter-spacing: .09em; }
.ls4 { letter-spacing: .4em; }

/*Colores*/
.cwhite { color: white; }
.cneon { color: #44F814; }
.ctext { color: #d9d9d9; }
.bcwhite { background-color: white; }

/*Estructuras*/
body { background-color: black; background-image: linear-gradient(#0d1c0b 0%, black 25%, black 75%, #0d1c0b 100%); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.fixed { position: fixed; }
.px-ctrl { padding-left: 10vw; padding-right: 10vw; }
.hr { background-color: #44F814; width: 50%; height: 1px; }
.divisores { height: 10vh; }

/*Videos*/
.v16by9 { position: relative; background-size: cover; background-repeat: no-repeat; }
.v16by9 iframe { position: absolute; top: 0; left: 0; }
.v9by16 { position: relative; }
.v9by16 iframe { position: absolute; top: 0; left: 0; }
.v9by16 .forTouch { position: absolute; background-color: transparent; top: 0; left: 0; width: 100%; height: 75%; }
iframe.is-rounded, .v16by9.is-rounded { border-radius: 10px; }

/*Botones*/
.pointer { cursor: pointer; }
.bneon { color: #44F814; transition: 0.7s; }
.bneon svg { transition: 0.7s; }
.bneon:hover { color: white; }
.bneon:hover svg { padding-left: 0.5rem; }
.link-white { color: white; transition: 0.7s; }
.link-white:hover { color: #44F814; }

/*Whatsapp*/
.fixed.whatsapp { right: 0; bottom: 0; z-index: 10; }
.fixed.whatsapp > div { border-radius: 99px; background-color: rgba(0, 0, 0, 0.3); transition: 5s; }
.fixed.whatsapp > div.scroll { background-color: #36c610; }
/* .fixed.whatsapp > div { border-radius: 99px; background-image: none; transition: 20s; }
.fixed.whatsapp > div.scroll { background-image: linear-gradient(-45deg, #44F814 0%, #44F814 5%, #0d1c0b 100% ); opacity: 0.8; } */
.fixed.whatsapp > div > img { width: 7vh; opacity: 1 !important; }

/*Menu*/
.menu { position: fixed; top: 0; left: 0; width: 100vw; z-index: 10; transition: 0.7s; }
.menu .logo { max-width: 80px; }
.menu a { color: white; }
.menu a:hover { color: #44F814; }
.menu a.button { background-color: transparent; color: white; border: 0; }
.menu a.button:hover { color: #44F814; border: 1px solid #44F814; color: #44F814; }

/*Menu Scroll*/
.menu.scroll { background-color: rgba(0, 0, 0, 0.8); }
.menu.scroll a { color: #44F814; }
.menu.scroll a:hover { color: white; }

/*Footer*/
.pie .logo { max-height: 12vh; background-color: transparent; }

/*Header Banner*/
.hero .banner { position: absolute; top: 0; left: 0; width: 100%; height: 56.25vw; min-height: 56.25vw; background-color: transparent; background-image: linear-gradient(#000 0%, transparent 25%, transparent 75%, #000 100%); }
.hero.video { position: relative; display: block; min-height: 56.25vw; }
.hero iframe { position: absolute; top: 0; left: 0; }
.hero.banner .hero-body .has-text-centered { width: 100%; text-shadow: 3px 3px 5px #000; }

/*Nosotros*/
.nosotros .column.has-text-left { padding-right: 1rem; }

/*Clientes Scrolling*/
.clienteScroll img { height: 12vh; max-width: 200vw !important; }
.clienteScroll .scroll { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 0; }
.clienteScroll .m-scroll-l { overflow: hidden; height: 100%; white-space: nowrap; animation: scrollText 30s infinite linear; margin: 0; font-size: 0; display: flex; justify-content: space-between; width: fit-content; }
.clienteScroll .m-scroll-r { overflow: hidden; height: 100%; white-space: nowrap; animation: other 30s infinite linear; margin: 0; font-size: 0; display: flex; justify-content: space-between; width: fit-content; }
.clienteScroll span { display: inline-block; margin: 0; padding: 0; color: white; }
@keyframes scrollText { from { transform: translateX(0%); } to { transform: translateX(-50%); } }
@keyframes other { from { transform: translateX(-50%); } to { transform: translateX(0%); } }


/* Mobile */
@media only screen and ( max-width: 768px) {
    .px-ctrl { padding-left: 0.5rem; padding-right: 0.5rem; }
    .hero .banner { background-image: linear-gradient(#000 0%, transparent 25%, transparent 75%, #000 100%); height: 177.78vw; }
    .hero.video { min-height: 177.78vw; }

    .menu .logo, .ghost-menu .logo { max-width: 60px; }

    .nosotros .column.has-text-left { padding-right: 0; }

    .clienteScroll img { height: 15vh; max-width: 500vh !important; }
}
/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    
} 
/* Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
    
} 
/* Widescreen */
@media only screen and (min-width: 1216px) and (max-width: 1407px) {
    
}
/* HD */
@media only screen and (min-width: 1408px) and (max-width: 1920px) {
    /*Estructura*/
    
}
/* 2K */
@media only screen and (min-width: 1921px) {
    
}