/** * Theme Name: ecomlab Child * Description: Child theme for the ecomlab * Author: LineThemes * Template: ecomlab * Version: 1.0.0 */ .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier { opacity: 0; } .site .elementor-widget-image-box:hover .elementor-image-box-title a { background-size: 0% !important; /* background-size: 100% 100%; */ } .page-template-template-fullwidth .site-content .content-header, .elementor-template-full-width .site-content .content-header { display: none !important; margin-bottom: 0; } @keyframes fadeout{ 0%{ opacity: 1; } 100%{ opacity: 0; display: none; } } @keyframes fadein{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes clickme{ 0%{ transform: scale(0.8); } 100%{ transform: scale(1.2); } } @keyframes card_left{ 0%{ opacity: 0; transform: rotate(-18deg) translate(-40%); } 100%{ transform: rotate(0deg) translate(0%); opacity: 1; } } @keyframes card_right{ 0%{ opacity: 0; transform: rotate(18deg) translate(40%); } 100%{ transform: rotate(0deg) translate(0%); opacity: 1; } } @keyframes card_center{ 0%{ opacity: 0; transform: translateY(50%); } 100%{ transform: translateY(0%); opacity: 1; } } @keyframes bg_text{ 0%{ background-position: 101% 100%; } 100%{ background-position: 0% 100%; } } @keyframes entry_left{ 0%{ opacity: 0; transform: translateX(-100%); } 100%{ opacity: 1; transform: translateX(0%); } } @keyframes entry_right{ 0%{ opacity: 0; transform: translateX(100%); } 100%{ opacity: 1; transform: translateX(0%); } } @keyframes message{ 0%{ opacity: 0; transform: scale(0); } 50%{ opacity: 1; transform: scale(1.2); } 75%{ opacity: 1; transform: scale(0.8); } 100%{ opacity: 1; transform: scale(1); } } @keyframes color-change-2x{0%{background:#E5EC42}50%{background:#F1A884}100%{background: #32ade6;}} /*======= HOME =========*/ @media screen and (min-width:0px){ /* .card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-40%); transition: opacity 0.5s, transform 0.5s;} .card_left-animation.active-animation{animation-name: card_left; animation-duration: 1s; animation-fill-mode: forwards;} .card_right-animation{opacity: 0; transform: rotate(18deg) translate(40%); transition: opacity 0.5s, transform 0.5s;} .card_right-animation.active-animation{animation-name: card_right; animation-duration: 1s; animation-fill-mode: forwards;} .card_center-animation{opacity: 0; transform: translateY(50%); transition: opacity 0.5s, transform 0.5s;} .card_center-animation.active-animation{animation-name: card_center; animation-duration: 1s; animation-fill-mode: forwards;} .entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;} .entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;} .entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;} .entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;} .message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;} .message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;} */ /** GLOBAL STYLES **/ body.page-template-default #site .content-header{padding: 20px 15px;} body.page-template-default #site .content-header .content-header-inner{width: 100%; max-width: 1280px;} body.page-template-default #site .wc-block-components-address-form__address_2-hidden-input{position: absolute !important;} #site .ht-product-inner{display: flex; flex-direction: column; padding: 20px; border-radius: 20px; background: #FFFFFF;} #site .ht-product-inner .ht-product-content{position: unset; z-index: 8; padding: 0px;} #site .ht-product-inner .ht-product-content .ht-product-content-inner{height: 100%; display: flex; flex-direction: column; justify-content: space-between;} #site .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin: 0px;} #site .ht-product-inner .ht-product-image-wrap{order: 1;} #site .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab *:not(img){height: 269px;} #site .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab a img{height: inherit; object-fit: contain;} #site .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links{left: 0px; bottom: 0px; z-index: 8;} #site .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links a{background: #FFFFFF;} #site .ht-product-inner .ht-product-image-wrap .ht-product-action{padding: 0px;} .summary p.price_style{font-size: 32px; font-weight: 500; line-height: 40px; color: rgb(41, 43, 44);} #site .frm_forms .frm_primary_label{font-size: 18px; line-height: 28px;} #site .frm_forms .vertical_radio .frm_checkbox{padding: 0px; margin: 0px;} #site .frm_forms .vertical_radio .frm_checkbox label{color: #000000;} #site .frm_forms .vertical_radio .frm_checkbox a{color: #14A3D5;} #site .frm_forms .vertical_radio .frm_checkbox input{margin-right: 11px;} #site .frm_forms .frm_form_field .frm_required{display: none;} #site .frm_forms .frm_form_field:not(:has(.frm_checkbox)) label{padding-bottom: 0px; color: #000000;} #site .frm_forms .frm_form_field:not(:has(.frm_checkbox)) input, #site .frm_forms .frm_form_field textarea{color: #000000; background: transparent;} #site .frm_forms .frm_form_field:has(textarea) label{padding-bottom: 20px !important;} #site .frm_forms .frm_form_field textarea{width: 100%; height: 171px; border-color: #354b9c;} #site .frm_forms .frm_form_field textarea:hover{border-color: #354b9c;} #site .frm_forms .frm_form_field textarea:focus, #site .frm_forms .frm_form_field input:focus{box-shadow: unset; border-color: #354b9c;} #site .frm_forms .frm_form_field input[type="text"], #site .frm_forms .frm_form_field input[type="email"]{padding: 0px; border: unset; border-bottom: 1px solid #354b9c; border-radius: unset;} #site .frm_forms .frm_form_field:has(.frm_submit){margin: 22px 0px 0px;} #site .frm_forms .frm_form_field .frm_submit button{width: 100%; display: flex; justify-content: center; align-items: center; margin: 0rem; padding: 15px 1px; border: unset; border-radius: 10px; color: #FFFFFF; background: #14A3D5; transition: all .3s ease;} #site .frm_forms .frm_form_field .frm_submit button:hover{background: #1e8eb5;} .sg-popup-builder-content figure{margin: 0px;} .sg-popup-builder-content figure video{width: 100%; height: 500px;} /** HEADER **/ #site-header{position: sticky;} #site-header-sticky ul.menu, #site-header ul.menu{justify-content: flex-end;} #site-header-sticky ul.menu li ul.sub-menu, #site-header ul.menu li ul.sub-menu{padding: 0px; top: 40px; left: unset;} #site-header-sticky ul.menu li ul.sub-menu:after, #site-header ul.menu li ul.sub-menu:after{content: unset;} #site-header-sticky ul.menu li ul.sub-menu li, #site-header ul.menu li ul.sub-menu li{margin: 0px;} #site-header-sticky ul.menu li ul.sub-menu li a, #site-header ul.menu li ul.sub-menu li a{width: 100%; padding: 10px 20px; margin: 0px;} #site-header-sticky ul.menu li ul.sub-menu li:hover, #site-header ul.menu li ul.sub-menu li:hover{background: #EFEFEF;} #site-header-sticky ul.menu li ul.sub-menu a::before, #site-header-sticky ul.menu li ul.sub-menu a::after, #site-header ul.menu li ul.sub-menu a::before, #site-header ul.menu li ul.sub-menu a::after{content: unset;} #site-header-sticky .dgwt-wcas-search-form::before, #site-header .dgwt-wcas-search-form::before{color: #626263;} #site-header-sticky .dgwt-wcas-search-form input.dgwt-wcas-search-input::placeholder, #site-header-sticky .dgwt-wcas-search-form input.dgwt-wcas-search-input, #site-header .dgwt-wcas-search-form input.dgwt-wcas-search-input::placeholder, #site-header .dgwt-wcas-search-form input.dgwt-wcas-search-input{color: #626263;} /** HOME ***/ #hero_home{position: relative;} #hero_home::before{content: none;} .slick-track{display: flex; margin: 0px; transition:unset;} .slick-track::before, .slick-track::after{content: none;} .slick-list{width: 100%; order: 1; overflow:hidden;} .slick-dots{width: 100%; display: flex; justify-content: center; list-style: none; order: 2; padding: 0px;} .ht-products{display: flex; flex-wrap: wrap;} .ht-products .ht-product{flex-basis: unset;} #hero_home .slick-track .slick-slide{max-height: 700px;} #hero_home .slick-dots{width: 100%; display: flex; justify-content: center; align-items: center; order: 2; column-gap: 10px; position: absolute; bottom: 15px; z-index: 1; margin: 0px; list-style: none;} #hero_home .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #FFFFFF; transition: all .3s ease;} #hero_home .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} #hero_home .slick-arrow{width: 60px; height:60px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; z-index: 1; padding: 0px; transform: translatey(-50%); background: #FFFFFF;} #hero_home .slick-arrow:hover{background: #14A3D5;} #hero_home .slick-arrow:hover svg path{fill: #FFFFFF;} #hero_home .slick-prev{left: 0%; border-radius: 0px 40px 40px 0px;} #hero_home .slick-next{right: 0%; border-radius: 40px 0px 0px 40px;} #hero_home .slider_1{background-position: 50% 33%;} #hero_home .slider_1 .elementor-widget-heading{width: 100%; max-width: 835px;} #hero_home .slider_1 .elementor-widget-text-editor p{width: 100%; max-width: 700px; text-wrap: pretty;} #hero_home .slider_1 .elementor-widget-container{width: 100%;} #hero_home .slider_1 .container_buttons{width: 100%; max-width: 475px;} #hero_home .slider_1 .container_buttons .elementor-widget-button{width: 100%; max-width: 200px;} #hero_home .slider_1 .container_buttons .elementor-widget-button a{width: 100%;} #hero_home .slider_2 .slider_bottom img{width: 100%; max-width: 315px;} /* #hero_home .slider_2 img{width: 100%; max-width: 100%; height: 700px; object-fit: cover;} */ #category_home .category_top:has(a:hover) a{opacity: 0.5;} #category_home .category_top a:hover{opacity: 1 !important; border: 1px solid #14A3D5; border-radius: 20px; transform: translatey(-20px);} #category_home .category_top a:hover h2{color: #14A3D5;} #favorites_home .slick-list{margin-top: 25px;} #favorites_home button.slick-arrow{width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0px; border-radius: 100%; background: #14a3d5;} #favorites_home button.slick-disabled{opacity: .5;} #favorites_home .slick-prev{margin-right: 20px;} #favorites_home .slick-dots{column-gap: 10px; margin: 0px;} #favorites_home .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #EFEFEF; transition: all .3s ease;} #favorites_home .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} #favorites_home .ht-product .ht-product-image-wrap .ht-product-cus-tab a{display: flex; align-items: center;} #services_home .services_top > *{width: 100%; max-width: 500px;} /* #recent_home .ht-product-inner{background: #EFEFEF;} #recent_home .slick-list{margin-top: 25px;} #recent_home button.slick-arrow{width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0px; border-radius: 100%; background: #14a3d5;} #recent_home button.slick-disabled{opacity: .5;} #recent_home .slick-prev{margin-right: 20px;} #recent_home .slick-dots{column-gap: 10px; margin: 0px;} #recent_home .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #EFEFEF; transition: all .3s ease;} #recent_home .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} */ #clients_home .clients_bottom .client_list{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto;} #clients_home .clients_bottom .client_list .client_item{position: relative;} #clients_home .clients_bottom .client_list .client_item::before{content: ''; width: 1px; height: 90px; display: block; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); background: #EFEFEF;} #clients_home .clients_bottom .client_list .client_item::after{content: ''; width: 100%; max-width: 250px; height: 1px; display: block; position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%); background: #EFEFEF;} #clients_home .clients_bottom .client_list .client_item.disabled_border::before{content: unset;} #clients_home .clients_bottom .client_list .client_item figure{min-height: 120px; display: flex; justify-content: center; align-items: center; padding: 10px;} #clients_home .clients_bottom .clients_container .clients_info{display: flex; flex-direction: column; row-gap: 30px;} #clients_home .clients_bottom .clients_container .clients_info h3{margin: 0px; font-size: 25px; line-height: 35px;} #clients_home .clients_bottom .clients_container .clients_logo-container{display: flex;} #clients_home .clients_bottom .clients_container .clients_logo-container .slick-arrow{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; padding: 0px; box-shadow: unset; background: transparent;} #clients_home .clients_bottom .clients_container .clients_logo-container .slick-next{order: 1;} #clients_home .clients_bottom .clients_container .clients_logo-container figure{display: flex; justify-content: center; align-items: center;} #contact_home .contact_info .elementor-widget-text-editor{width: 100%; max-width: 600px;} #contact_home .contact_info .elementor-widget-icon-list .elementor-icon-list-item{width: fit-content; column-gap: 10px;} #contact_home .contact_info .elementor-widget-icon-list .elementor-icon-list-item > a{column-gap: 10px;} #contact_home .contact_info .elementor-widget-icon-list .elementor-icon-list-item > a::before{right: -23px;} #contact_home .contact_info .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #14A3D5;} #contact_home .contact_info .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon i{display: flex; justify-content: center; align-items: center;} #contact_home .contact_info .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon svg{margin: 0px;} #contact_home .contact_forms .elementor-widget-formidable{width: 100%; max-width: 550px;} /** TIENDA VIRTUAL **/ #main-content .main-products{display: flex; flex-direction: column;} #main-content .main-products .page-title{order: 0; color: #354B9C;} #main-content .main-products .page-title::after{background: #efefef;} #main-content .main-products .woocommerce-breadcrumb{color: #445db5;} #main-content .main-products .woocommerce-breadcrumb a{color: #354B9C;} #main-content .main-products ul.products{order: 2; margin-top: 50px;} #main-content .main-products ul.products li{display: flex;} #main-content .main-products ul.products li .my-custom-wrapper{display: flex; flex-direction: column; justify-content: space-between; row-gap: 10px; height: 100%;} #main-content .main-products ul.products li .woocommerce-LoopProduct-link{padding: 20px; border-radius: 20px; background: #EFEFEF;} #main-content .main-products ul.products li .button{bottom: 50px; left: 35px;} #main-content .main-products .off-canvas-top .price_slider_amount{display: flex; flex-direction: column;} #main-content .main-products .off-canvas-top .price_slider_amount .button{order: 1;} #main-content .main-products .off-canvas-top .price_slider_amount .price_label{position: unset;} #main-content .main-products .widgets_products{width: 100%; display: flex; order: 1; align-items: center;} #main-content .main-products .widgets_products .woocommerce-content-top{position: unset;} #main-content .main-products .widgets_products .woocommerce-content-top a.off-canvas-toggle::after{display: none;} #main-content .main-products .widgets_products .woocommerce-result-count{margin: 0px; padding-right: 20px; text-align: center;} #main-content .main-products .widgets_products .woocommerce-ordering{margin: 0px 0px 0px auto;} body.tax-product_cat .main-products .woocommerce-breadcrumb{position: unset; margin-bottom: 20px;} /** INTERNAL PRODUCTS **/ .single_variation_wrap .single_add_to_cart_button{background: #14a3d5;} .single_variation_wrap .single_add_to_cart_button:not(.disabled):hover{background: #1e8eb5;} #pdf-tecnico-variacion-summary{order: 6; justify-content: center; align-items: center; margin: 20px 0px;} #pdf-tecnico-variacion-summary .ficha-tecnica-summary button{width: 100%; padding: 15px 30px; font-weight: bold;} #pdf-tecnico-variacion-summary #fichaModal button{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: -20px; right: -20px; cursor: pointer; border-radius: 100%; background: #FFFFFF; padding: 0px; font-weight: bold;} .product .summary .product_title{font-weight: 600;} .product .summary .product_meta .sku_wrapper{display: none;} .product .summary .product_meta span:after{content: unset;} /** CONTACTO **/ #hero_contact .hero_info .elementor-widget-text-editor{width: 100%; max-width: 600px;} #hero_contact .hero_info .elementor-widget-icon-list .elementor-icon-list-item{width: fit-content; column-gap: 10px;} #hero_contact .hero_info .elementor-widget-icon-list .elementor-icon-list-item > a{column-gap: 10px;} #hero_contact .hero_info .elementor-widget-icon-list .elementor-icon-list-item > a::before{right: -23px;} #hero_contact .hero_info .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #14A3D5;} #hero_contact .hero_info .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon i{display: flex; justify-content: center; align-items: center;} #hero_contact .hero_info .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon svg{margin: 0px;} #hero_contact .hero_forms .elementor-widget-formidable{width: 100%; max-width: 550px;} /** CONOCENOS **/ #hero_conocenos{position: relative; background-position: center 16%;} #hero_conocenos .elementor-widget-heading:has(span){position: absolute; top: 32%; left: 50%; transform: translateX(-50%);} #hero_conocenos .elementor-widget-heading span{color: transparent; -webkit-text-stroke: 1px #FFFFFF; opacity:.3;} #historia_conocenos .historia_info .elementor-widget-text-editor p{width: 100%;} #historia_conocenos .historia_img > .elementor-widget-image{height: 100%;} #historia_conocenos .historia_img .elementor-widget-image *{height: 100%;} #historia_conocenos .historia_img .elementor-widget-image img{width: 100%; height: 100%; max-width: 600px; object-fit: cover; border-radius: 20px;} #mv_conocenos .elementor-widget-text-editor{width: 100%; max-width: 500px;} #equipo_conocenos .equipo_bottom .slick-dots{column-gap: 10px; margin: 0px; margin-top: 20px;} #equipo_conocenos .equipo_bottom .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #EFEFEF; transition: all .3s ease;} #equipo_conocenos .equipo_bottom .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} #equipo_conocenos .equipo_bottom .team_list{display: flex; flex-wrap: wrap;} #equipo_conocenos .equipo_bottom .team_list .team_container{display: flex; flex-direction: column; row-gap: 15px;} #equipo_conocenos .equipo_bottom .team_list .team_container .team_img img{border-radius: 20px;} #equipo_conocenos .equipo_bottom .team_list .team_container .team_info h3{margin: 0px;} /** SERVICIOS **/ #hero_services{position: relative;} #hero_services .elementor-widget-heading:has(span){position: absolute; top: 32%; left: 50%; transform: translateX(-50%);} #hero_services .elementor-widget-heading span{color: transparent; -webkit-text-stroke: 1px #FFFFFF; opacity:.3;} #services .services_list{display: flex; flex-wrap: wrap;} #services .services_list .service_item{display: flex; position: relative;} #services .services_list .service_item .service_card{width: 100%; display: flex; justify-content: center; align-items: center;} #services .services_list .service_item .service_card::before{content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(58, 87, 195, 0.5) 58%, #354B9C 100%); border-radius: 25px;} #services .services_list .service_item .service_card figure{width: 100%;} #services .services_list .service_item .service_card figure img{width: 100%; height: 303px; object-fit: cover; border-radius: 25px;} #services .services_list .service_item .service_card .service_info{width: 100%; display: flex; flex-direction: column; align-items: center; row-gap: 5px; padding: 25px 10px; position: absolute; bottom: 0px;} #services .services_list .service_item .service_card .service_info h3{width: 100%; max-width: 318px; margin: 0px; font-size: 25px; font-weight: 600; line-height: 35px; text-align: center; text-wrap: balance; color: #FFFFFF;} #services .services_list .service_item .service_card .service_info p{width: 100%; max-width: 306px; height: 0px; font-size: 16px; font-weight: 500; line-height: 26px; color: #FFFFFF; overflow: hidden; transition: all .3s ease;} #services .services_list .service_item:hover .service_card .service_info{top: 0px;} #services .services_list .service_item:hover .service_card::before{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(58, 87, 195, 0.5) 0.01%, #354B9C 100%);} #services .services_list .slick-list{margin-top: 30px;} #services .services_list .slick-dots{column-gap: 10px; margin: 0px; margin-top: 20px;} #services .services_list .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #EFEFEF; transition: all .3s ease;} #services .services_list .slick-dots li.slick-active p{height: 100%;} #services .services_list .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} #services .services_list button.slick-arrow{width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0px; border-radius: 100%; background: #14a3d5;} #services .services_list button.slick-disabled{opacity: .5;} #services .services_list .slick-prev{margin-right: 20px;} #testimony_services .testimony_top .elementor-widget-heading{width: 100%; max-width: 385px;} #testimony_services .testimony_bottom .testimony_list{display: flex; flex-wrap: wrap;} #testimony_services .testimony_bottom .testimony_list .testimony_card{min-height: 261px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 28px 10px 35px ; background: #FFFFFF; border-radius: 15px;} #testimony_services .testimony_bottom .testimony_list .testimony_card > *{width: 100%; max-width: 500px;} #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_info p{font-size: 16px; font-weight: 400; line-height: 26px; color: #000000;} /* #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_img figure{display: flex;} #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_img figure img{width: 50px; height: 50px; border-radius: 100%; background: #EFEFEF;} */ #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_img{display: flex; column-gap: 13px; padding-top: 30px;} #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_img div{display: flex; flex-direction: column;} #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_img div h3{margin: 0px; font-size: 16px; font-weight: 600; line-height: 26px; color: #000000;} #testimony_services .testimony_bottom .testimony_list .testimony_card .testimony_img div span{font-size: 14px; font-weight: 500; line-height: 24px; color: #6B6262;} #testimony_services .testimony_bottom .testimony_list .slick-list{margin-top: 30px;} #testimony_services .testimony_bottom .testimony_list .slick-dots{column-gap: 10px; margin: 0px; margin-top: 20px;} #testimony_services .testimony_bottom .testimony_list .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #EFEFEF; transition: all .3s ease;} #testimony_services .testimony_bottom .testimony_list .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} #testimony_services .testimony_bottom .testimony_list button.slick-arrow{width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0px; border-radius: 100%; background: #14a3d5;} #testimony_services .testimony_bottom .testimony_list button.slick-disabled{opacity: .5;} #testimony_services .testimony_bottom .testimony_list .slick-prev{margin-right: 20px;} #work_services .work_top .elementor-widget-text-editor{width: 100%; max-width: 456px;} #work_services .work_bottom > .elementor-element{padding: 41px 10px 22.22px; position: relative; border-radius: 15px; background: #EFEFEF;} #work_services .work_bottom > .elementor-element .elementor-widget-icon{position: absolute; top: -25px; left: 50%; transform: translateX(-50%);} #work_services .work_bottom > .elementor-element .elementor-widget-icon .elementor-icon{width: 50px; height: 50px; border-radius: 100%; background: #FFFFFF; display: flex; justify-content: center; align-items: center;} #work_services .work_bottom > .elementor-element .elementor-widget-icon svg{width: auto; height: auto;} #work_services .work_bottom > .elementor-element > *:not(.elementor-widget-icon){width: 100%; max-width: 313px;} #faq_services .faq_top .elementor-widget-heading{width: 100%; max-width: 391px;} #faq_services .faq_top .elementor-widget-text-editor{width: 100%; max-width: 456px;} #faq_services .faq_bottom .elementor-widget-n-accordion{width: 100%; max-width: 850px;} /** MONTAJE **/ #hero_montaje{position: relative;} #hero_montaje .elementor-widget-heading:has(span){position: absolute; top: 32%; left: 50%; transform: translateX(-50%);} #hero_montaje .elementor-widget-heading span{color: transparent; -webkit-text-stroke: 1px #FFFFFF; opacity:.3;} #main-content .montajes .montajes_info > *, #main-content .montajes .montajes_img > .elementor-element{width: 100%; max-width: 550px;} #main-content .montajes .montajes_img > .elementor-element img{border-radius: 15px;} #main-content .montajes .montajes_img > .elementor-element .slick-dots{column-gap: 10px; margin: 0px;} #main-content .montajes .montajes_img > .elementor-element .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #EFEFEF; transition: all .3s ease;} #main-content .montajes .montajes_img > .elementor-element .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} #projects_montaje .projects_top .elementor-widget-text-editor{width: 100%; max-width: 600px;} #projects_montaje .projects_bottom .projects_list .projects_item{padding: 50px 40px; background: #FFFFFF; border-radius: 18px;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card{display: flex;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card > *{width: 50%;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card .projects_info{display: flex; flex-direction: column; row-gap: 25px;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card .projects_info h3{margin: 0px; font-size: 25px; font-weight: 500; line-height: 35px; letter-spacing: 0px; color: #000000;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card .projects_info p{margin: 0px;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card .projects_info > *{width: 100%; max-width: 400px;} #projects_montaje .projects_bottom .projects_list .projects_item .projects_card .projects_img img{width: 100%; height: 400px; object-fit: cover; border-radius: 18px;} #projects_montaje .projects_bottom .projects_list .slick-dots{column-gap: 10px; margin: 20px 0px 0px;} #projects_montaje .projects_bottom .projects_list .slick-dots button{width: 10px; height: 10px; padding: 0px; border-radius: 100%; background: #FFFFFF; transition: all .3s ease;} #projects_montaje .projects_bottom .projects_list .slick-dots li.slick-active button{width: 40px; height: 10px; padding: 0px; border-radius: 10px; background: #14A3D5;} /** CHECKOUT ***/ #main-content .wc-block-checkout{display: flex; flex-direction: column; row-gap: 36px;} #main-content .wc-block-checkout .wc-block-checkout__main{width: 100%; order: 2; padding: 0px;} #main-content .wc-block-checkout .wc-block-checkout__sidebar{display: none;} /** FOOTER **/ #site-footer{padding: 50px 0px;} #site-footer .content-bottom-inner::before{content: unset;} #site-footer .footer-aside-wrap{display: flex; flex-direction: column; align-items: center; margin: 0px;} #site-footer .footer-aside-wrap #text-8 a:has(img){display: flex; justify-content: center; align-content: center;} #site-footer .footer-aside-wrap #text-8 a img{width: 100%; max-width: 200px;} #site-footer .footer-widgets aside{padding: 0px;} #site-footer .footer-widgets aside ul.menu{display: flex; flex-direction: column; row-gap: 10px;} #site-footer .footer-widgets aside ul.menu > li > a{font-weight: 700;} #site-footer .footer-widgets aside ul.menu li a::before, #site-footer .footer-widgets aside ul.menu li a::after{content: unset;} #site-footer .footer-widgets aside ul.menu li ul.sub-menu{margin: 0px;} #site-footer .footer-widgets aside ul.menu li ul.sub-menu a{font-size: 14px; line-height: 24px;} /* #site-footer .footer-widgets aside ul.menu li.contact a{padding: 10px 20px; border-radius: 30px; color: #ffffff; background: #14a3d5;} */ #site-footer .footer-widgets aside ul.menu li:has(.dgwt-wcas-search-wrapp){display: none;} #site-footer .footer-widgets .widget-title{margin: 0px; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 0px; text-transform: unset; color: #354b9c;} #site-footer .footer-widgets .widget_custom_html{margin-top: 10px;} #site-footer .footer-widgets .widget_custom_html ul.info_contact li{display: flex; align-items: center; column-gap: 5px;} #site-footer .footer-widgets .widget_custom_html ul.info_contact li i{color: #354b9c;} #site-footer .footer-widgets .widget_custom_html ul.info_contact li span{font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #354b9c;} /* #site-footer .footer-widgets .widget_custom_html ul.info_contact li svg{width: 13px;} */ #site-footer .footer-widgets .widget_custom_html ul.social_links{display: flex; column-gap: 10px; margin-top: 10px;} #site-footer .footer-widgets .widget_custom_html ul.social_links a::before, #site-footer .footer-widgets .widget_custom_html ul.social_links a::after{content: unset;} #site-footer .footer-widgets .widget_custom_html ul.social_links svg{width: 20px; height: 20px;} #site-footer .footer-widgets .widget_custom_html ul.social_links svg path{fill: #354b9c;} #site-footer .footer-copyright-inner .copyright-bar{padding: 50px 0px 0px;} #site-footer .footer-copyright-inner .copyright-bar .copyright-content{text-align: center;} } @media screen and (min-width:768px){ /** HOME ***/ #hero_home .slider_1{background-position: 100% 33%;} #hero_home .slider_2 .slider_bottom img{max-width: 100%;} #contact_home .contact_top img{height: 575px;} #clients_home .clients_bottom .client_list{grid-template-columns: repeat(3, 1fr);} #site-footer .footer-widgets aside ul.menu{flex-direction: row; justify-content: space-between;} #site-footer .footer-widgets .widget_custom_html{margin-top: 0px;} /** TIENDA VIRTUAL ***/ #main-content .main-products .widgets_products .woocommerce-content-top a.off-canvas-toggle::after{display: block;} #main-content .main-products .widgets_products .woocommerce-result-count{margin: 0px 0px 0px 20px; padding-right: 0px;} body.tax-product_cat .main-products .woocommerce-breadcrumb{position: absolute; margin-bottom: 0px;} /** CONOCENOS ***/ #hero_conocenos{background-position: 100% 16%;} #hero_conocenos .elementor-widget-heading:has(span){top: 35%;} #historia_conocenos .historia_info .elementor-widget-text-editor p{max-width: 600px;} #equipo_conocenos .equipo_bottom .slick-list .team_container{margin: 0rem .5rem;} /** SERVICIOS ***/ #hero_services .elementor-widget-heading:has(span){top: 35%;} #services .services_list{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; column-gap: 47px; row-gap: 46px;} #testimony_services .testimony_bottom .testimony_list .testimony_item{margin-right: 37px;} /** MONTAJE ***/ #hero_services .elementor-widget-heading:has(span){top: 35%;} /** CHECKOUT ***/ #main-content .wc-block-checkout .wc-block-checkout__sidebar{width: 100%; display: block; order: 1; padding: 0px;} } @media screen and (min-width: 1024px){ /** HOME ***/ #clients_home .clients_bottom .client_list{grid-template-columns: repeat(4, 1fr);} /** CONOCENOS ***/ #equipo_conocenos .equipo_bottom .team_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; column-gap: 40px; row-gap: 40px;} /** SERVICIOS ***/ #services .services_list{grid-template-columns: repeat(3, 1fr);} /** CHECKOUT ***/ #main-content .wc-block-checkout{flex-direction: row;} #main-content .wc-block-checkout .wc-block-checkout__main{width: 50%; order: unset; padding-right: 20px;} #main-content .wc-block-checkout .wc-block-checkout__sidebar{width: 50%; order: unset;} /** FOOTER ***/ #site-footer{padding: 100px 0px;} #site-footer .footer-aside-wrap{flex-direction: row; align-items: start;} #site-footer .footer-aside-wrap #text-8 a:has(img){justify-content: start;} #site-footer .footer-aside-wrap #text-8 a img{width: 100%; max-width: 300px; margin: 0px;} #site-footer .footer-widgets aside ul.menu{display: flex; justify-content: center; align-items: start; column-gap: 35px;} #site-footer .footer-widgets aside ul.menu li ul.sub-menu{display: block;} #site-footer .footer-copyright-inner .copyright-bar .copyright-content{text-align: start;} } @media screen and (min-width: 1025px){ /** CONOCENOS ***/ #hero_conocenos .elementor-widget-heading:has(span){top: 29%;} /** SSERVICIOS ***/ #hero_services .elementor-widget-heading:has(span){top: 29%;} /** MONTAJE ***/ #hero_montaje .elementor-widget-heading:has(span){top: 29%;} }