/*
Theme Name:   Hello Elementor
Description:  Tema hijo de Hello Elementor
Author:       Jonathan Rikles
Author URI:   https://estudiofrenesi.com.ar/blog/
Template:     hello-elementor
Version:      1.0.0
*/

/* menu */
.elementor-nav-menu {
    li {
        &.menu-item {
            .elementor-item {
                position: relative;
                padding-bottom: 5px;
                padding-left: 0;
                
                &:after {
                    content: '';
/*                     bottom: -100%; */
                    transition: ease 1s;
                }
                
                &:hover {
                    padding-bottom: 5px;
                    padding-left: 0;
                    
                    &:after {
                        content: '';
                        width: 20px;
                        height: 1px;
                        background-color: white !important;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                    }
                }
            }
            
            &.lang-item, &:last-child {
				float: left;
            }
        }
        
        &.current_page_item {
            .elementor-item-active {
                &:after {
                    content: '';
                    width: 20px;
                    height: 1px;
                    background-color: white !important;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }
            }
        }
    }
}

/* lang menu */
	
	.elementor-16, .elementor-977 {
		.elementor-element.elementor-element-4b23bf7 {
			.elementor-nav-menu {
				.menu-item-2584-es, .menu-item-1804-es {
/* 					display: none;
		
					@media (min-width: 830px) {
						display: block;
					} */
					
					.elementor-item {
						margin-inline-end: 0;
						padding-right: 0;
					}
				}
				.menu-item-2584-en, .menu-item-1804-en {
/* 					display: none;
		
					@media (min-width: 830px) {
						display: block;
					} */
					
					.elementor-item {
						
						@media (min-width: 480px) {
							margin-inline-start: 0;

							&:before {
								content: '/';
								display: contents;
								opacity: 1;
								height: 1px;
							}
							&:after {
								width: 70%;
								right: 0;
								left: auto;
							}
						}
					}
				}
			}
		}
	}

.lang-item {
		
		&.current-lang {
			.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted) {
				&:after {
					opacity: 1;
				}
			}
		}
	}
	
	.cpel-switcher__lang {
		display: flex;
		
		a[lang='en-US'] {
			.cpel-switcher__name {				
					&:before {
						content: '-';
						display: contents;
						opacity: 1;
						height: 1px;
					}
			}
		}
		a {
			.cpel-switcher__name {
				vertical-align: super;
			}
		}
	}

/* mobile menu */

.elementor-2638, .elementor-2644 {
	.elementor-element.elementor-element-3ed4d265 {
		.elementor-nav-menu .lang-item {
			
			&.menu-item-1804-en, &.menu-item-2584-en {			
				margin-inline-start: 0;
				
				.elementor-item {
					&:before {
						content: '/';
						display: contents;
						opacity: 1;
						height: 1px;
					}
					&:after {
						width: 70%;
						right: 0;
						left: auto;
					}
				}
			}
			
			.elementor-item {
				font-size: 20px !important;

				@media (min-width: 767px) {
					font-size: 35px !important;
				}
			}
		}
	}
}


.elementor-popup-modal
.dialog-close-button {
    width: 24px;
    height: 24px;
    background-image: url('https://bisa-ar.com/wp-content/uploads/2025/02/cerrar-menu.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 35px;
    right: 20px;
    
    svg {
        display: none;
    }
}

.elementor-nav-menu--dropdown {
    display: none;
}

.elementor-6 .elementor-element.elementor-element-f25e7a3 .elementor-repeater-item-be03c94 .swiper-slide-bg {
    background-position: 50% 0;
    
    @media (min-width: 480px) {
        background-position: center top;
    }
}
.elementor-6 .elementor-element.elementor-element-f25e7a3 .elementor-repeater-item-d184433 .swiper-slide-bg {
	background-position: 25%;
    
    @media (min-width: 480px) {
        background-position: 50%;
    }
}
.elementor-6 .elementor-element.elementor-element-f25e7a3 .elementor-repeater-item-03f30cd .swiper-slide-bg {
	background-position: 30%;
    
    @media (min-width: 480px) {
        background-position: 50%;
    }
}

/* swiper */
.elementor-element {
    .elementor-swiper {
        .swiper {
            /*padding: 0 0 50px;*/
            
            .elementor-slides {
                .swiper-slide-inner {
                    max-width: 1140px;
                    z-index: 2;
                    padding-left: 30px;
                    
                    @media (min-width: 480px) {
                        padding-left: 12px;
                    }
					@media (min-width: 1100px) {
                        padding-left: unset;
                    }
                    
                    .elementor-slide-heading {
                        position: absolute;
                        /*bottom: 12px;*/
                        bottom: 30px;
/*                         left: 25.5%; */
						left: 7.5%;
                        font-family: var(--e-global-typography-secondary-font-family);
                        font-size: 12px;
                        line-height: 1;
						
						@media (min-width: 480px) {
/* 							left: 6.5%; */
							left: 0;
						}
                    }
                    .elementor-slide-description {
                        font-family: var(--e-global-typography-primary-font-family), sans-serif;
                        font-size: 40px;
                        font-weight: 800;
                        line-height: 34px;
                        width: 90%;
                        
                        @media (min-width: 480px) {
                            font-size: 50px;
                            line-height: 40px;
                            width: unset;
                        }
                        
                        span {
                            font-family: var(--e-global-typography-primary-font-family), sans-serif;
                            font-size: 30px;
                            font-weight: 800;
                            line-height: 25px;
                            /*width: 50%;*/
                            display: block;
                            padding-bottom: 30px;
                        }
                    }
                    .elementor-slide-button {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        max-width: 117px;
                        
                        &:after {
                            content: '';
                            background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/flecha-btn.svg');
                            background-repeat: no-repeat;
                            background-size: 19.64px 8.41px;
                            width: 19.64px;
                            height: 8.41px;
                        }
                    }
                }
                
                .swiper-slide {
                    &:after {
                        content: '';
                        background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/Enmascarar-grupo-5.svg');
                        background-repeat: no-repeat;
                        background-position: 100% -2%;
                        background-size: 130%;
                        width: 73%;
                        height: 340px;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        z-index: 1;
                        
                        @media (min-width: 480px) {
                            background-position: left top;
                            background-size: unset;
                            width: 854px;
                            height: 323px;
                        }
                    }
                }
            }
            
            .swiper-pagination, .swiper-pagination-bullets.swiper-pagination-horizontal {
                max-width: 1140px;
                text-align: left;
                position: relative;
                margin: 0 auto;
                bottom: 66px;
                left: 30px;
                height: 0;
                display: flex;
                align-items: center;
                
                @media (min-width: 480px) {
                    left: 12px;
                }
				@media (min-width: 1100px) {
                    left: unset;
                }
                
                &:after {
                    content: '';
                    background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/flecha-dots-slider.svg');
                    background-repeat: no-repeat;
                    background-size: 19.64px 8.41px;
                    width: 19.64px;
                    height: 8.41px;
                }
                
                .swiper-pagination-bullet {
                    opacity: 1;
                    border: solid thin white;
                    margin-right: 6px;
                    margin-left: 0;
                    
                    &:hover {
                        background: white;
                    }
                }
            }
        }
    }
}

.hero-marcas, .hero-servicios {
    .elementor-element {
        .elementor-swiper {
            .swiper {
                .elementor-slides {
                    .swiper-slide-inner {
                        
                        .elementor-slide-description {
                            font-size: 26px;
                            font-weight: 600;
                            line-height: 26px;
                                
                            @media (min-width: 1100px) {
                                font-size: 162px;
                                line-height: 135px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.hero-nosotros {
    .elementor-element {
        .elementor-swiper {
            .swiper {
                .elementor-slides {
                    .swiper-slide-bg {
                        background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/02/hero_mobile.webp');
                            
                        @media (min-width: 480px) {
                            background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/04/fschapochnik_317_luminathames_191_media-scaled-BN.webp');
                        }
                    }
                    .swiper-slide-inner {
                        
                        .elementor-slide-description {
                            font-size: 26px;
                            font-weight: 600;
                            line-height: 26px;
                                
                            @media (min-width: 1100px) {
                                font-size: 40px;
                                line-height: 40px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.hero-servicios {
    .elementor-element {
        .elementor-swiper {
            .swiper {
                .elementor-slides {
                    .swiper-slide-bg {
                        background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/02/Enmascarar-grupo-24.png');
                            
                        @media (min-width: 480px) {
                            background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/hero-1.png');
                        }
                    }
                    .swiper-slide-inner {
                        .elementor-slide-heading {
                            /*position: absolute;*/
                            /*bottom: 12px;*/
                            /*font-family: var(--e-global-typography-secondary-font-family);*/
                            /*font-size: 12px;*/
                            left: unset;
                        }
                    }
                }
            }
        }
    }
}

.hero-marcas {
    .elementor-element {
        .elementor-swiper {
            .swiper {
                .elementor-slides {
                    .swiper-slide-inner {
                        
                        .elementor-slide-description {
                            font-weight: 600;
                        }
                    }
                }
            }
        }
    }
}

.carru-marcas {
    .elementor-image-carousel {
        &.swiper-wrapper {
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 50px;
            
            @media (min-width: 480px) {
                flex-direction: row;
				gap: 108px;
            }
            
            .swiper-slide {
                width: auto !important;
            }
        }
    }
}

.section4-image {
    .e-con-inner {
        position: relative;
    }
}

.elementor-widget-button {
    .elementor-button-content-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 117px;
                            
        &:after {
            content: '';
            background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/flecha-btn.svg');
            background-repeat: no-repeat;
            background-size: 19.64px 8.41px;
            width: 19.64px;
            height: 8.41px;
        }
    }
    
    &.boton-nuestras-marcas {
        .elementor-button-content-wrapper {
            gap: 20px
        }
    }
    
    &.btn-blanco {
        .elementor-button-content-wrapper {
            &:after {
                background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/flecha-btn-blanco.svg');
            }
        }
        .elementor-button {
            &:hover {
                .elementor-button-content-wrapper {
                    &:after {
                        background-image: url('https://www.estudiofrenesi.com.ar/clientes/bisa/wp-content/uploads/2025/01/flecha-btn.svg');
                    }
                }
            }
        }
    }
}

/* home */
.e-con-inner {
    &:has(.home-nuestras-marcas) {
/*         background: var(--e-global-color-primary); */
    }
}

.texto-fondo-fijo {
    mix-blend-mode: lighten;
}

.content-nuestra-historia {
    &:before {
        content: '';
        position: relative;
        background: var(--e-global-color-primary);
        height: 700px;
        max-width: 300px;
        margin: 0 auto;
		
		@media (min-width: 480px) {
			height: 413px;
			max-width: 1140px;
		}
    }
}


.elementor-6 .elementor-element.elementor-element-231687a:not(.elementor-motion-effects-element-type-background), .elementor-1803 .elementor-element.elementor-element-32454ea:not(.elementor-motion-effects-element-type-background) {
	&:after {
		content: '';
		background: var(--e-global-color-primary);
		width: 100%;
		height: 84%;
		position: absolute;
		max-width: 1140px;
		left: 8%;
		
		@media(min-width: 480px) {
			height: 60%;
		}
	}
}


/* footer */

.footer-container, .elementor-popup-modal {
    .elementor-widget-container:has(h6) {
        position: relative;
        height: unset !important;
        
        &:after {
            content: '';
            background: white;
            width: 20px;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
    }
}

.footer-social {
    .swiper-wrapper {
      display: flex;
      animation: scroll 15s linear infinite; /* Animación continua */
      
      .swiper-slide {
          width: auto !important;
      }
    }
    @keyframes scroll {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
      }
    }
}

/* nosotros */
.elementor-703 .elementor-element.elementor-element-544b13f:not(.elementor-motion-effects-element-type-background), .elementor-703 .elementor-element.elementor-element-544b13f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-size: 100% 100% !important;
	
	@media (min-width: 480px) {
        background-size: 100% auto !important;
    }
}

/* nuestras marcas */
.elementor-798 .elementor-element.elementor-element-c93a910 .elementor-repeater-item-be03c94 .swiper-slide-bg {
	background-position: center top;
}

/* Contacto form */
.elementor-984 .elementor-element.elementor-element-c6ee4e4 .elementor-field-group:has(input) {
    margin-bottom: 20px;
    
    @media (min-width: 480px) {
        margin-bottom: 8px;
    }
}
body .elementor-984 .elementor-element.elementor-element-c6ee4e4 .elementor-labels-above .elementor-field-group.elementor-field-type-textarea > label {
    padding-bottom: 20px;
    
    @media (min-width: 480px) {
        padding-bottom: 8px;
    }
}
.elementor-field-group {
    input[type='text'], input[type='email'] {
        min-height: 13px;
        padding: 0 0 10px;
        
        @media (min-width: 480px) {
            padding: 0;
        }
        
        &:focus {
            box-shadow: none;
        }
        
        &::placeholder {
            font-family: 'Gellix', sans-serif;
            font-size: 14px;
            color: var(--e-global-color-primary);
            opacity: 1;
            
            @media (min-width: 480px) {
                font-size: 20px;
            }
        }
    }

    textarea.elementor-field-textual {
        padding: 0;
        margin-bottom: 25px;
        
        &:focus {
            box-shadow: none;
        }
    }
}
.elementor-field-type-submit {
    button[type='submit'] {
        svg {
            width: 1.5rem;
            
            path {
                fill: none !important;
            }
        }
        
        &:hover {
            svg {
                line, path {
                    stroke: white;
                }
            }
        }
    }
}