/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.2.0.1766487006
Updated: 2025-12-23 10:50:06

*/

/* General style */


html {
  scroll-behavior: auto !important;
}

html, body {
  overscroll-behavior: none !important;
  -webkit-overflow-scrolling: auto !important;
}

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

.custom-container{
	max-width:1140px !important;
	margin:0 auto;
}


.clip-reveal img {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease-out 0.5s; /* 0.5s delay */
  overflow: hidden;
}

.clip-reveal.reveal-active img {
  clip-path: inset(0 0 0 0);
}


/* Header animate */

.web-header {
    
    /* will-change: transform; 
    transform: translateY(0); */ 	
     transition:transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}


.web-header.header-hide {
    transform: translateY(-200%);
}


/* Hero section blur effect */

.blur-shape {
  -webkit-filter: blur(150px);
  filter: blur(150px);
  will-change: filter;
}


/* card design */

@media (min-width:1024px){

.card-design-right {
    clip-path: polygon(65% 0, 100% 0%, 100% 100%, 55% 100%);
}

.card-design-left {
    clip-path: polygon(0 0, 50% 0, 30% 100%, 0% 100%);
}

.card-sticky{
	position:sticky;
}

.first-card{
	top:50px;
}

.second-card{
	top:70px;
}

.third-card{
	top:90px;
}

}

.btn-design{
    position: relative;
    z-index: 1;
}
.btn-design::before {
    position: absolute;
    content: "";
    width: 2.5rem;
    height: 100%;
    background: var( --e-global-color-secondary );
    top: 0;
    left: 0;
    z-index: -1;
	transition:width .3s ease-in-out;
}

.card-sticky:hover .btn-design::before{
	width:100%;

}



/* vertical */

.vertical-tabs .vertical{
	align-items:center;
}

.vertical-tabs span.elementskit-tab-title {
    text-align: left;
}


.vertical-tabs .vertical .elementkit-tab-nav {
    flex-basis: 100% !important;
    margin-right: 10px;
    width: 100% !important;
    max-width: 520px;
}

.elementkit-nav-link{
	position:relative;
}

.vertical-tabs .vertical ul > li span:after{
	display: block;
    font-size: 1.125rem;
    color: #858585;
}
.vertical-tabs .vertical ul > li:first-child span.elementskit-tab-title::after {
    content: "Consulta eventos próximos, fechas, sedes y peleadores.";
    
} 

.vertical-tabs .vertical ul > li:nth-child(2) span.elementskit-tab-title::after {
    content: "Adquiere tus entradas desde la app sin complicaciones.";
}

.vertical-tabs .vertical ul > li:nth-child(3) span.elementskit-tab-title::after {
    content: "Muestra tu código y entra directo, sin filas y sin imprimir nada.";
}

.vertical-tabs .vertical ul > li:nth-child(4) span.elementskit-tab-title::after {
    content: "Participa en la comunidad: opina, vota y apoya a tus favoritos.";
}


.nav-tabs.elementkit-tab-nav{
	border-left:6px solid #EBEBEB !important;
}


.nav-tabs.elementkit-tab-nav .active::after {
    content: "";
    width: 6px;
    height: 100%;
    background:var(--e-global-color-secondary);
    position: absolute;
    left: -6px;
}


/* Review */

.review-shape::before{
	content:"";
	width:100%;
	height:50%;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	clip-path: polygon(0 0, 100% 1%, 100% 83%, 0% 100%);
}

.review-shape figure.elementor-image-box-img {
    flex-shrink: 0;
}


/* Slider */


.why-us-swiper{
	overflow:visible !important;
}

.swiper-slide{
	height:auto !important;
}

.why-us-item {
    padding: 1.5rem;
	height:100%;
	position: relative;
	z-index: 1;
}

.why-us-item:before {
    content: "";
    position: absolute;
    z-index: -1;
    /* top: 0; */
    width: 100%;
    height: 0px;
    background:var(--e-global-color-secondary);
    border-radius: 999px 999px 0px 0px;
    bottom: 0px !important;
    left: 0;
    transition: all 0.3s ease-in-out;
}


.why-us-item:hover::before {
    height: 100%;
    border-radius: 0px;
}

.why-us-icon{
    width: 2.5rem;
    height: 2.5rem;
    background-color: #D32F2F;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
	margin-bottom: 1rem;
}

.why-us-title {
    font-size: 1.125rem !important;
    text-transform: uppercase;
    font-weight: bold;
	color:#000000 !important;
}

.why-us-swiper > div > div:nth-child(odd) .why-us-item{
	background-color: #F5F5F5;
}

.why-us-swiper > div > div:nth-child(odd) .why-us-item:hover *{
    color: white !important;
}

.why-us-swiper > div > div:nth-child(even) .why-us-item{
	background:url("images/card-bg.jpg");
}

.why-us-swiper > div > div:nth-child(even) .why-us-item *{
	color:white !important;
}

.swiper-button-disabled{
	opacity: 0.5;
    pointer-events: none;
}

/* Initial state */
.animate-swiper .swiper-wrapper {
  opacity: 0;
  transform: translateX(120px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

/* When visible */
.animate-swiper.swiper-visible .swiper-wrapper {
  opacity: 1;
  transform: translateX(0);
}





/* footer */

.position-remove {
    position: static;
}

/* Media Query Start */


@media (max-width:1024px){
  #ekit-megamenu-header-menu{
      padding:0 !important;
  }
}



@media (max-width:1023px){
    
    .card-design-right, .card-design-left {
    position: static !important;
}

.first-card, .second-card,.third-card{
	background: none !important;
}

.card-sticky{
    height:auto !important;
}


.card-img{
    display: block !important;
}


.card-design-right{
    align-items: start;
}

.card-content{
    width:100% !important;
}



}