/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html, body {
	overflow-x: hidden !important;
}

a {
	transition: 0.25s ease-out;
}

ul ::marker,
ol ::marker {
	color: var(--e-global-color-primary);
	font-weight: bold;
}

.elementor-button {
	min-width: 140px;
}

::selection {
	background-color: var(--e-global-color-secondary);
	color: white;
}

.slick-slider button.slick-arrow {
    background-color: transparent;
/*     color: white; */
    border: 0;
    z-index: 20;
    font-size: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    cursor: pointer;
}

.slick-slider button.slick-prev::before,
.slick-slider button.slick-next::before {
    content: "";
    background-image: url(./icon-arrow-right.svg);
    background-size: contain;
    height: 20px;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
	filter: brightness(1);
    display: block;
	transition: 0.25s ease-out;
}

.slick-slider button.slick-prev::before {
    transform: scaleX(-1);
}

#manufacturas-slider .slick-slider button.slick-arrow {
	background: rgba(255,255,255,0.8);
	transition: 0.25s ease-out;
	top: 40%;
}

#manufacturas-slider .slick-slider button.slick-arrow:hover {
	background: #fff;
}

#manufacturas-slider .slick-slider button.slick-disabled {
	opacity: 0;
}

#manufacturas-slider .slick-slider button.slick-arrow:hover::before {
filter: brightness(1);
}

#manufacturas-slider .slick-prev {
    left: 15px;
}

#manufacturas-slider .slick-next {
 right: 15px;
}

#manufacturas-slider .slick-track {
    display: flex;
}

#manufacturas-slider .slick-track .slick-slide {
    display: flex;
    height: auto;
}

#manufacturas-slider .slick-dots {
	bottom: 30px;
}

#manufacturas-slider .slick-dots li button:before {
	color: white;
	opacity: 0.5;
}


#manufacturas-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
}

#manufacturas-slider .slick-dotted.slick-slider {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	#manufacturas-slider .slick-slider button.slick-arrow {
	    width: 50px;
		height: 50px;
	}
	
	#manufacturas-slider .slick-slider button.slick-prev::before,
	#manufacturas-slider .slick-slider button.slick-next::before {
    	height: 15px;
	}
	
	
	#manufacturas-slider .slick-prev {
		left: 18px;
	}

	#manufacturas-slider .slick-next {
	 right: 18px;
	}
}

@media (max-width: 767px) {
	#manufacturas-slider .slick-slider button.slick-arrow {
	    width: 32px;
		height: 32px;
	}
	
	#manufacturas-slider .slick-slider button.slick-prev::before,
	#manufacturas-slider .slick-slider button.slick-next::before {
    	height: 12px;
	}
	#manufacturas-slider .slick-prev {
		left: 10px;
	}

	#manufacturas-slider .slick-next {
	 right: 10px;
	}	
}

/* diferente carousel */

#diferente-carousel .slick-track {
    display: flex;
}

#diferente-carousel .slick-track .slick-slide {
    display: flex;
    height: auto;
}

#diferente-carousel .slick-dots {
	left: 0px;
    width: auto;
}

#diferente-carousel .elementor-template > .elementor {
	    transform: translateX(50%);
}

#diferente-carousel .slick-slide {
	opacity: 0.4;
	transition: 0.25s ease-out;
}

#diferente-carousel .slick-slide .elementor-widget-text-editor,
#diferente-carousel .slick-slide .elementor-widget-heading{
	opacity: 0;
		transition: 0.25s ease-out;
}

#diferente-carousel .slick-current {
	opacity: 1;
}


#diferente-carousel .slick-current .elementor-widget-heading,
#diferente-carousel .slick-current .elementor-widget-text-editor {
	opacity: 1;
	transition: 0.25s ease-out;
}


#diferente-carousel .slick-prev {
	filter: brightness(100);
	left: -60px;
}

#diferente-carousel .slick-prev::before {
	opacity: 1;
}

#diferente-carousel .slick-next {
	left: 480px;
	filter: brightness(0);
}

#diferente-carousel .slick-prev.slick-disabled:before,
#diferente-carousel .slick-next.slick-disabled:before {
	opacity: 0;
}

#diferente-carousel  .slick-slider button.slick-arrow {
	top: 40%;
}

#diferente-carousel .slick-dots li.slick-active button:before {
	color: var(--e-global-color-primary);
}


@media (max-width: 1024px) {
	#diferente-carousel .elementor-template > .elementor {
		transform: none;
	}
	
	#diferente-carousel  .slick-slider button.slick-arrow {
		top: 50%;
	}
	
	#diferente-carousel .slick-next {
		right: -50px;
		left: auto;
	}	
	
	#diferente-carousel button.slick-arrow::before {
		opacity: 1;
	}
	
	#diferente-carousel .slick-prev {
		left: -50px;
		filter: brightness(0);
	}
	
	
}

/* Soluciones palabras carousel */

#campos-palabras-carousel h4 {
    transition: 0.25s ease-in-out;
    transform-origin: 0 50%;
    padding: 8px 10px;
/* 	margin: 5px 0; */
    position: relative;
/* 	transition-delay: 500ms !important; */
}

#campos-palabras-carousel h4::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    background: var(--e-global-color-secondary);
    width: 80%;
    height: calc(100% + 6px);
    z-index: -1;
    width: 0;
    transition: 0.3s ease-in-out;
/* 	transition-delay: 500ms !important; */
}

#campos-palabras-carousel .slick-center h4::after {
    width: 80%;
}

#campos-palabras-carousel .slick-center h4 {
    color: white;
    transform: scale(1.3);
/* 	margin: 5px 0; */
}

#campos-palabras-carousel .slick-center > div {
/* 	padding: 8px 0; */
}

#campos-palabras-carousel .slick-slide {
	padding: 3px 0;
}

/* anim */
@keyframes fadeInUpCustom {
	0% {
	    opacity: 0;
    	transform: translate3d(0, 20px,0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRightCustom {
	0% {
	    opacity: 0;
    	transform: translate3d(30%, 0,0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeftCustom {
	0% {
	    opacity: 0;
    	transform: translate3d(-30%, 0,0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeft {
	animation-name: fadeInLeftCustom !important;
}

.fadeInRight {
	animation-name: fadeInRightCustom !important;
}

.fadeInUp {
	animation-name: fadeInUpCustom !important;
}

.animated.animated-slow {
    animation-duration: 2.5s !important;
}

.animated.animated-normal {
    animation-duration: 2s !important;
}

 /* palabras anim v2 */

#palabras-anim .elementor-widget-heading {
	max-width: 400px;
	margin: 1px 0;
}
#palabras-anim .elementor-widget-heading h4 {
	transform-origin: 0 50%;
	position: relative;
	padding: 8px 5px;
}

#palabras-anim .elementor-widget-heading span {
	content: "";
    position: absolute;
    top: -8px;
    left: -10px;
    background: #3080e6;
    width: 0;
    height: calc(100% + 16px);
    z-index: -1;
}