/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2022
Version: 1.0
*/

/* Fonts */
/*
@font-face{font-family: 'Nombre_Font';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;}
*/

@font-face {
    font-family: 'edensor';
    src: url('fonts/edensor/edensor-webfont.eot');
    src: url('fonts/edensor/edensor-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/edensor/edensor-webfont.woff2') format('woff2'),
         url('fonts/edensor/edensor-webfont.woff') format('woff'),
         url('fonts/edensor/edensor-webfont.svg#edensorfree') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}

/* Generic */
:root {
	--main-color: #36435b;
	--second-color: #7486a8;
	--third-color: #2c415b;
	--fourth-color: #bcbec2;
	--fiveth-color: #ebedf0;
}
body{font-size: 1rem;font-family: 'League Spartan', sans-serif;}
.h1, h1{font-family: 'League Spartan', sans-serif !important;}
/* .h2, h2{font-size: 1.5rem;} */
/* .h3, h3{font-size: 1.25rem;} */
/* .h4, h4{font-size: .75rem;} */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'edensor',sans-serif;}
a, a:hover{text-decoration:none;}
/* address{margin-bottom: .5rem;} */
/* dl, ol, ul {margin-bottom: 0;} */
.main-color{color: var(--main-color);}
.second-color{color: var(--second-color);}
.generic-border{border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;}
.btn-main{background:var(--main-color);color:white !important;border-radius: 0;padding:10px 15px;font-weight:700;font-size: 17px;line-height: 1;}
.section{padding-top:50px;padding-bottom:50px;}
.text-justify{text-align: justify;}
hr{width: 80%; margin: 0 auto;}
img{height:auto;}
select option{background-color:black;}

a.btn,
.btn,
a.btn-link,
.btn-link,
button,
input[type="submit"]{background: var(--second-color);color: white;border: solid 1px var(--second-color);font-family: 'League Spartan', sans-serif;}

a.btn:hover,
.btn:hover,
a.btn-link:hover,
.btn-link:hover,
button:hover,
input[type="submit"]:hover{background:transparent;}

a.btn::before, .btn::before, a.btn-link::before, .btn-link::before, button::before {background: var(--main-color);border: solid 1px var(--main-color);}

.separator{background-image:url("/wp-content/themes/wiredit/images/icons/separador.png");height: 37px;width: 100%;display: block;background-size: contain;background-repeat: no-repeat;background-position: center;}
.separator2{position: relative;background-image: url(/wp-content/themes/wiredit/images/icons/border-2.png);left: 0px;bottom: 0px;width: 100%;height: 17px;background-repeat: repeat-x;animation: slide 300s linear infinite;-webkit-animation: slide 300s linear infinite;}

.yith_ywraq_add_item_browse-list > a{background: var(--second-color);color: white;border: solid 1px var(--second-color);font-family: 'League Spartan', sans-serif;display: inline-block;padding: 0 50px;position: relative;overflow: hidden;display: inline-block;vertical-align: top;font-size: 18px;color: #000;font-weight: 700;height: 56px;line-height: 52px;text-align: center;text-decoration: none;border: 2px solid #88b2d2;outline: none !important;box-shadow: none !important;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);color: white !important;margin-top: 20px !important;}
/* Header */
.header__builder img{max-width: 190px !important;}
/* .header__builder .menu-btn.active span:after, */
/* .header__builder .menu-btn.active span:before{background: white;} */

/* Footer */
.footer{background: var(--third-color);}
.footer .h-titles .h-subtitle,
.footer .h-titles .h-text p,
.footer .h-titles .h-text,
.footer .copyright-text{color: white;}

/* Menu */
.btn-request-quote{margin-top: -20px;position: absolute;top: 57%;right: 70px;width: 32px;height: 40px;z-index: 3;color: black !important;}
.btn-request-quote i{font-size: 27px;}
.btn-request-quote .count{color:white;position: relative;top: -45px;right: -10px;background: var(--main-color);display: flex;width: 25px;height: 25px;justify-content: center;align-items: center;border-radius: 50%;font-size: 14px;}

/* Slider o Banner Principal  */

/* Banners */

/* Breadcrumb */
/* .wrapper #breadcrumb{margin-top: 0;padding-top: 200px;background-image: url("/wp-content/themes/wiredit/images/banners/banner1.jpg");background-position: left;background-repeat: no-repeat;background-size: cover;margin-bottom: 0;padding-bottom: 150px;} */
.wrapper #breadcrumb{margin-top: 0;padding-top: 200px;background-position: left;background-repeat: no-repeat;background-size: cover;margin-bottom: 0;padding-bottom: 150px;}

/* Paginator */
.wp-pagenavi{margin-top: 40px;}
.wp-pagenavi span,
.wp-pagenavi a{padding: 5px 14px;border: solid 1px #eee;margin-right: 10px;display: inline-block;background: #eee;transition:.5s all;}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover,
.wp-pagenavi span.current{background: var(--main-color);color: white;}

/* Form */
/* Visualmente si funciona pero no se va con el formato en el form, esto en JQuery y POST
.wpcf7-form-control-wrap input[type="text"]{text-transform: capitalize;}
.wpcf7-form-control-wrap input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;}
::placeholder { /* Recent browsers */text-transform:none;}
.sendmail_form span{color:red;}
.sendmail_form .sendmail_legend{font-size:.8rem;}
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}
.wpcf7 form.invalid .wpcf7-response-output{margin-left: 40px;}
select{padding: 0 20px;display: block;width: 100%;height: 56px;font-family: "Roboto";font-size: 18px;color: #000;outline: 0;background: none;border: 1px solid #494949;border-radius: 0;}

/* Social Media */
#redes-sociales ul{list-style:none;padding-left:0px;margin-bottom:0px;}
#redes-sociales li{display:inline;}

/* Chat */
.chat-whatsapp{position:fixed; width:60px; height:60px; bottom:40px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:999;}
.chat-facebook{position:fixed; width:60px; height:60px; bottom:123px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:999;}
.chat-whatsapp img,
.chat-facebook img{max-width: unset !important;}
.my-chat{margin-top:22px; }


/* Woocommerce */
.product_title{font-size: 2rem !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{font-size: 1.5em;}
.search-field{border-radius: 0rem !important;width:73% !important;}
.woocommerce form .form-row .optional{display:none;}
.search-btn{border-radius: 0rem !important;background-color: var(--main-color);border-color: var(--main-color);}
.widget_product_categories .cat-item a{color: var(--main-color) !important;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:#1e85be !important;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width:150px !important;}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {display: block;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .woocommerce-MyAccount-content .col-1 {max-width: unset !important;}
#add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img{max-height: 38px !important;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 0.2em !important;}
.shop_table thead{background-color:var(--main-color);}
.shop_table thead th{color:#fff;}
.woocommerce .quantity .qty{height: 35px;min-width: 4.5rem;}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{text-align: left;}
.woocommerce table.shop_table{border-collapse: collapse;border: 1px solid #eee;}
.woocommerce table.my_account_orders td a{padding: 10px;min-height: auto;margin-right: 3px;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{min-height: 40px;background-color:var(--main-color) !important;color:white !important;border-radius:0 !important;}
 .woocommerce button.button:before{display:none;}
 .woocommerce .woocommerce-MyAccount-content > p{margin-top:0;}
 .woocommerce .woocommerce-MyAccount-content .col-1{width: auto;}
 #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: white !important;}
 .woocommerce-checkout #payment label{display: inline-block;line-height: 1;}
 .woocommerce-checkout #payment ul.payment_methods li input{margin-top: 10px !important;}
 .woocommerce-checkout #payment .payment_method_paypal .about_paypal{display: block;float: unset;}
/* -- Paginator */
.woocommerce nav.woocommerce-pagination {margin-top: 50px;}
.woocommerce nav.woocommerce-pagination ul{width: auto;border: unset !important;}
.woocommerce nav.woocommerce-pagination ul li{display: inline-block !important;float: unset !important;line-height: 1.4;border:  unset !important;}
.woocommerce nav.woocommerce-pagination ul li .page-numbers{border: white;background: transparent;color: white;line-height: 1.4;border: solid 1px white;}
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev {line-height: 1.1;}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li .current{background: var(--main-color) !important;border: 1px solid var(--main-color) !important;color: white !important;}
/* -- Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0 0 0 0em !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color: #fff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: var(--main-color) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: var(--main-color) !important;width: 49% !important;text-align: center !important;margin: 0 0px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #fff !important;}
/* -- My Account */
.woocommerce-MyAccount-content a{color:var(--main-color);}
.woocommerce-MyAccount-navigation ul{list-style: none !important;padding-left: 0 !important;margin-top: 0;}
.woocommerce-MyAccount-navigation ul li a{display: block;padding:12px 10px;font-weight: 600;color: white;border-bottom: solid 1px #eee;transition: .5s all;}
.woocommerce-MyAccount-navigation ul li:last-child a{border-bottom:none;}
.woocommerce-account .woocommerce-MyAccount-content{padding: 40px;border: solid 1px #eee;}
.woocommerce-account .woocommerce-MyAccount-navigation{width: 32% !important;border: solid 1px #eee;}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover{background:var(--main-color);color:white;}
.woocommerce-account .addresses .title h3{margin-top: 0;}
.woocommerce-MyAccount-content button::before{display:none;}
/* -- Address */
.woocommerce-account .addresses .title h3{font-size: 1.2rem;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;}
.woocommerce .woocommerce-customer-details .woocommerce-column__title{font-size: 1.5rem;font-weight: 600;}
.woocommerce .woocommerce-customer-details address p{margin-top: 0 !important;}
/* -- Fllter */
.filter-woo {padding: 0;margin-bottom: 20px;}
.filter-woo li{list-style: none;}
.woof_redraw_zone {display: flex;flex-wrap: wrap;justify-content: space-between;}
.woof_redraw_zone .woof_container{flex: 1 1 32%;padding-right: 19px;padding-left: 19px;margin-bottom: 1rem;}
.woof_redraw_zone .woof_container:nth-child(3){padding-right: 5px;}
.woof_redraw_zone .woof_container:nth-child(2){padding-right: 13px;padding-left: 13px;}
.woof_redraw_zone .woof_container:first-child{padding-left: 5px;}
.chosen-container-single a.chosen-single{background-color:transparent !important;height: auto !important;padding: 8px 15px !important;}
/* .chosen-container-single a.chosen-single span{color:white !important;} */
.woof_submit_search_form_container{display: none !important;}
.chosen-container-single .chosen-search input[type="text"]:hover{color:black;}
/* .filter-woo{padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;list-style: none;} */
/* .filter-woo li{flex: 1 1 32%;padding-right: 19px;padding-left: 19px;margin-bottom: 1rem;} */
/* .filter-woo li:nth-child(3){padding-right: 5px;} */
/* .filter-woo li:nth-child(2){padding-right: 13px;padding-left: 13px;} */
/* .filter-woo li:first-child{padding-left: 5px;} */
/* .filter-woo li .wc-block-price-filter__controls input{height: auto !important;text-align: center !important;font-size: 14px;} */
/* .filter-woo li .wc-block-product-categories__dropdown{width: 100%;} */
/* .filter-woo li .wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token svg{fill: white;} */
/* .filter-woo li .wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container{background: transparent;} */
/* .filter-woo li .components-form-token-field__token, */
/* .filter-woo li .wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder{color:white;opacity: 1;} */
/* .filter-woo li button::before, */
/* .filter-woo li .wc-block-attribute-filter__actions{display:none;} */
.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type="text"].components-form-token-field__input{height: auto;color: white;}
.filter-woo li .wc-block-attribute-filter.style-dropdown .single-selection .components-form-token-field__token + input[type="text"].components-form-token-field__input{height: auto;}
/* -- Single product */
.yith_ywraq_add_item_response_message{display: none;}
.works-item{position:relative;}
.works-item .field-year{position: absolute;top: .55rem;z-index: 9999;left: .55rem;background: var(--main-color);color: white;padding: 7px 10px;line-height: 1;}
.works-item .field-price{position: absolute;top: .55rem;z-index: 9999;right: .55rem;background: var(--main-color);color: white;padding: 7px 10px;line-height: 1;}
/* -- Request quote */
.woocommerce table.shop_table{border: 2px solid rgb(141, 65, 59) !important;}
.woocommerce.ywraq-wrapper table.cart img{max-width: 100px;}
.woocommerce.ywraq-wrapper table.shop_table td{border-top: 2px solid rgb(141, 65, 59) !important;}
.woocommerce.ywraq-wrapper table.shop_table td.product-remove{text-align:center;}
.woocommerce.ywraq-wrapper table.shop_table th.product-quantity,
.woocommerce.ywraq-wrapper table.shop_table td.product-quantity{display:none;}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper{padding: 20px 0px !important;}

/* Home */
/* #home{background: #f1f9fa;padding-bottom: 0;margin-top: 100px;margin-top: 0;padding-top: 200px;} */
/* #home{background: #f1f9fa;padding-bottom: 0;margin-top: 0;padding-top: 250px;background-image: url("/wp-content/themes/wiredit/images/banners/banner1.jpg");background-position: left;background-repeat: no-repeat;background-size: cover;} */
#home{background: #f1f9fa;padding-bottom: 0;margin-top: 0;padding-top: 250px;background-position: left;background-repeat: no-repeat;background-size: cover;}
/* #home{background: var(--fiveth-color);padding-bottom: 0;margin-top: 100px;margin-top: 0;padding-top: 200px;} */
.wrapper .section.section-inner.started-heading .m-title{line-height: 1;font-weight: 300 !important;font-size: 115px !important;}
#home .container{position: relative;z-index: 1;}
#home svg{fill: white;position: relative;width: 100%;rotate: 0.31deg;margin-bottom: -40px;z-index: 1;}
.wrapper .section.section-inner.started-heading .m-title span{display:block;font-family: 'edensor',sans-serif;color:var(--main-color);}
.started-heading .description-text p{margin-top: 0;}
/* About us */
#about-us .section.m-image-large{position:relative;}
/* #abopt-us .section.m-image-large:after{position: absolute;content: "";right: -15%;top: -10%;background-color: var(--second-color);border-radius: 50%;width: 400px;height: 400px;z-index: -1;} */
#about-us .section.m-image-large:after{position: absolute;content: "";right: -15%;top: -10%;width: 400px;height: 400px;z-index: -1;background-image: url("/wp-content/themes/wiredit/images/icons/watercolor-painting.png");background-position: center;background-size: contain;background-repeat: no-repeat;}
#about-us .section.m-image-large .image {height: 72vh !important;border: solid 15px var(--fiveth-color);}
/* -- Products */
/*#products{background-image: url(https://a6e8z9v6.stackpathcdn.com/seocrawler/homepages/seostrategy/wp-content/uploads/sites/4/2019/10/bg-marketing-agency.jpg) ;background-size: cover ;background-position: top;}*/

/* Page about us */
/*#page-about-us{background-image: url(https://a6e8z9v6.stackpathcdn.com/seocrawler/homepages/seostrategy/wp-content/uploads/sites/4/2019/10/bg-marketing-agency.jpg) ;background-size: cover ;background-position: top;}*/
#page-about-us .m-image-large img{border: solid 15px var(--fiveth-color);}

/* Captcha */
.grecaptcha-badge { visibility: hidden!important; }

/* Animation */
.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(30, 42, 111, 0.1);/*background:rgba(255,255,255,.2);*/animation:animate-circle 25s linear infinite;bottom:-150px}
.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s;background:var(--second-color);}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s;background:var(--main-color);}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s;background:var(--second-color);}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;}
.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;background:var(--main-color);}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;background:var(--second-color);}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;background:var(--main-color);}
@keyframes animate-circle {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

@keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 20000px 0;
    }
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 20000px 0;
    }
}

/*REFERENCIA PARA LAS MEDIDAS https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/*MEDIA QUERY GENERICO QUE PUEDE APLICAR PARA TODOS LOS CELULARES*/
@media screen and (max-width: 1100px){
	.wrapper .section.section-inner.started-heading .m-title {font-size: 47px !important;}
}

@media screen and (max-width: 768px){
	.services-items {margin: 0 0px !important;}
}

@media screen and (max-width: 1399px){

}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
	/* .navbar-collapse{position: absolute;top: 50px;z-index: 3;padding: 10px;position: absolute;top: 50px;z-index: 3;background: white;padding: 10px;} */
}
@media screen and (max-width: 767px){

	/* Header */

	/* Woocommerce */
	.search-field{width: 85% !important;}
	.woocommerce form.woocommerce-checkout h3, .woocommerce .woocommerce-MyAccount-content h3{font-size:1.3rem !important;}
	.woocommerce form .form-row label{font-size:.8rem;}
	/* -- Checkout */
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] a{float: unset;display: inline-block;line-height: 20px;}
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] img:first-child{width: 130px;}
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] img:nth-child(2){width: 155px;}
	.woocommerce-checkout #payment ul.payment_methods li label{font-size:.8rem;}
	.woocommerce button.button{font-size:.9rem !important;}

	/* -- Fllter */
	.woof_redraw_zone{display: block;}
	.woof_redraw_zone .woof_container:first-child,
	.woof_redraw_zone .woof_container:nth-child(2),
	.woof_redraw_zone .woof_container:nth-child(3){padding-right: 5px !important;padding-left: 5px !important;}

	/* Header */
	.admin-bar .header{top: 0;background: black;padding-top: 15px;padding-bottom: 15px;}
	.btn-request-quote{right: 50px;}

	/* Footer */
	.wave-top-footer{bottom: -7px !important;}

	/* Request quote */
	.woocommerce.ywraq-wrapper table.shop_table td{border-top: unset !important;}
	.woocommerce table.shop_table td{border:unset !important;}

	/* Form */
	.contacts-form .group, .form-comment .group, .comment-respond .group{width: 100%;}

	/* Slider */
	.wrapper .section.section-inner.started-heading .m-title{font-size: 37px !important;}

	/* Home */
	/* -- About us */
	#abopt-us .section.m-image-large:after {display:none;}
}
@media screen and (max-width: 575px){

}

/* OUTLET */
.outlet-gallery-img {
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}
.outlet-gallery-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* .outlet-gallery-img img {
    transition: transform 0.3s ease;
}

.outlet-gallery-img:hover img {
    transform: scale(1.1);
    cursor: zoom-in;
} */

/* ZOOM IMG */
.img-zoom-container {
    position: relative;
    display: inline-block;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    width: 100px;
    height: 100px;
    visibility: hidden;
    cursor: none;
    z-index: 2;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    width: 300px;
    height: 300px;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 105%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.img-zoom-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.img-zoom-lens {
    position: absolute;
    border: 3px solid #fff;
    border-radius: 50%;
   
    width: 200px;
    height: 200px;
    visibility: hidden;
    cursor: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
    pointer-events: none;
}

/* ZOOM 2*/
/* .img-zoom-container-2 {
    position: relative;
    display: flex;
    align-items: start;
    gap: 20px;
  }
  
  .zoom-image-2 {
    max-width: 400px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: crosshair;
  }
  
  .img-zoom-result-2 {
    width: 300px;
    height: 300px;
    border: 1px solid #d4d4d4;
    background-repeat: no-repeat;
    background-size: 200%;
    visibility: hidden;
    transition: visibility 0.2s ease-in-out;
  } */

  .img-zoom-container-2 {
    position: relative;
    width: 100%;
    display: inline-block; /* para que el div de zoom se ubique dentro */
}

.zoom-image-2 {
    width: 100%;  /* imagen a ancho completo */
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: crosshair;
}

.img-zoom-result-2 {
    position: absolute;
    top: 10px;           /* distancia desde la esquina superior */
    right: 70px;         /* distancia desde la esquina derecha */
    width: 300px;        /* ancho del cuadro */
    height: 300px;       /* alto del cuadro */
    border: 2px solid #d4d4d4;
    background-repeat: no-repeat;
    background-size: 200%; /* factor de zoom, puedes subir a 300% si quieres más detalle */
    display: none;
    z-index: 10;
    border-radius: 4px;
}

/* ZOOM 3 */
.zoom-container-3 {
    /* display: inline-block;
    margin: 30px; */
    position: relative;
  }
  
  .zoom-container-3 img {
    /* width: 200px; */
    border-radius: 6px;
    cursor: crosshair;
  }
  
  .zoom-preview-3 {
    position: fixed;
    width: 400px;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    background: #fff;
    transition: opacity 0.15s ease;
  }
  
  .zoom-preview-3 img {
    position: absolute;
    width: auto;       /* usa tamaño real de la imagen */
    height: auto;      /* mantiene proporción */
    min-width: 200%;   /* mínimo para hacer zoom 2x */
    min-height: 200%;
    top: 0;
    left: 0;
    transform-origin: top left;
    transition: transform 0.05s linear;
    object-fit: none;  /* crucial: evita recortes automáticos */
  }

  /* zoom */
  /* .image-with-zoom { width: 300px; float: left; }
  .extm {
    position: absolute !important;
    z-index: 9999 !important;
    overflow: visible !important;
    visibility: visible !important;
  }   */

/* Paginacion */
.outlet-pagination {text-align: center;margin: 30px 0;}
.outlet-pagination a,
.outlet-pagination span {display: inline-block;padding: 8px 14px;margin: 0 3px;border: 1px solid #ddd;color: var(--second-color, #333);text-decoration: none;font-family: 'League Spartan', sans-serif;font-size: 16px;transition: background .2s;transform: none !important;rotate: none !important;writing-mode: horizontal-tb !important;direction: ltr !important;}
.outlet-pagination .current {background: var(--second-color, #333);color: #fff;border-color: var(--second-color, #333);}
.outlet-pagination a:hover {background: #f5f5f5;}
.outlet-pagination .prev,
.outlet-pagination .next {transform: none !important;writing-mode: horizontal-tb !important;direction: ltr !important;}
.outlet-pagination .prev {margin-right: 12px !important;}
.outlet-pagination .next {margin-left: 12px !important;}

/* Modal outlet */
.outlet-gallery-img img {opacity: 0;transition: opacity 0.4s ease;width: 100%;border-radius: 6px;box-shadow: 0 2px 8px rgba(0,0,0,.12);cursor: pointer;}
.outlet-gallery-img img.loaded { opacity: 1; }
#outletModal {display: none;position: fixed;inset: 0;z-index: 100000;background: rgba(0,0,0,.6);align-items: center;justify-content: center;}
#outletModal.open { display: flex; }
#outletModalBox {background: #fff;border-radius: 8px;width: 95%;max-width: 1100px;max-height: 95vh;overflow-y: auto;position: relative;padding: 0;}
#outletModalHeader {display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid #e0e0e0;}
#outletModalTitle {font-size: 22px;font-weight: 700;margin: 0;font-family: 'League Spartan', sans-serif;}
#outletModalClose {font-size: 28px;background: none;border: none;cursor: pointer;line-height: 1;color: #333;padding: 0 4px;}
#outletModalBody {padding: 20px;}
.outlet-meta-row {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 16px;gap: 12px;}
.outlet-meta-info p { margin: 0 0 4px; font-size: 15px; }
.outlet-cotizar-btn {background: var(--second-color, #6c7db0);color: #fff !important;font-family: 'League Spartan', sans-serif;font-size: 20px;padding: 10px 24px;border: none;cursor: pointer;display: flex;align-items: center;gap: 10px;white-space: nowrap;text-decoration: none;}
.outlet-cotizar-btn:hover { opacity: .88; }
.outlet-carousel {position: relative;overflow: hidden;border-radius: 6px;background: #f5f5f5;}
.outlet-carousel-inner {display: flex;transition: transform .35s ease;}
.outlet-carousel-item {min-width: 100%;position: relative;}
.outlet-carousel-item img {width: 100%;display: block;border-radius: 6px;cursor: zoom-in;user-select: none;}
.outlet-carousel-btn {position: absolute;top: 50%; transform: translateY(-50%);background: rgba(255,255,255,.88);border: none;border-radius: 50%;width: 42px; height: 42px;cursor: pointer;z-index: 10;display: flex; align-items: center; justify-content: center;box-shadow: 0 2px 8px rgba(0,0,0,.25);color: #222;font-size: 0;display: none;}
.outlet-carousel-btn::before {font-size: 22px;font-weight: bold;line-height: 1;}
.outlet-carousel-prev { left: 10px; }
.outlet-carousel-prev::before { content: '‹'; }
.outlet-carousel-next { right: 10px; }
.outlet-carousel-next::before { content: '›'; }
.outlet-carousel-btn:hover { background: #fff; }
.outlet-carousel-dots { text-align: center; margin-top: 10px; display: none; }
.outlet-carousel-dot {display: inline-block;width: 8px; height: 8px;border-radius: 50%;background: #ccc;margin: 0 3px;cursor: pointer;transition: background .2s;}
.outlet-carousel-dot.active { background: #333; }
.outlet-zoom-btn {position: absolute;bottom: 12px; right: 12px;background: rgba(255,255,255,.9);border: none;border-radius: 50%;width: 36px; height: 36px;font-size: 22px;font-weight: bold;cursor: pointer;z-index: 11;display: flex; align-items: center; justify-content: center;box-shadow: 0 2px 6px rgba(0,0,0,.2);line-height: 1;color: #333;display: none;}
#outletLightbox {display: none;position: fixed;inset: 0;z-index: 200000;background: rgba(0,0,0,.95);cursor: grab;overflow: hidden;}
#outletLightbox.open { display: block; }
#outletLightbox.grabbing { cursor: grabbing; }
#outletLightboxImg {position: absolute;transform-origin: 0 0;user-select: none;pointer-events: auto;}
#outletLightboxClose {position: fixed;top: 16px; right: 20px;color: #fff;font-size: 36px;background: none;border: none;cursor: pointer;z-index: 200001;line-height: 1;}
#outletLightboxHint {position: fixed;bottom: 20px; left: 50%;transform: translateX(-50%);color: rgba(255,255,255,.55);font-size: 20px;pointer-events: none;font-family: sans-serif;white-space: nowrap;}
#load-more-btn {display: block;margin: 30px auto;padding: 12px 40px;font-size: 18px;background: var(--second-color, #333);color: white;border: none;cursor: pointer;font-family: 'League Spartan', sans-serif;transition: opacity .3s;}
#load-more-btn:disabled { opacity: .5; cursor: not-allowed; }

.outlet-meta-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 10px;flex: 1;}
.outlet-meta-chip {background: #f7f7f7;border-radius: 6px;padding: 10px 14px;display: flex;gap: 10px;align-items: flex-start;}
.outlet-meta-chip .chip-icon {width: 40px;height: 40px;border-radius: 6px;background: #e8ecf5;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.outlet-meta-chip .chip-icon svg {width: 16px;height: 16px;stroke: #6c7db0;fill: none;stroke-width: 2;}
.outlet-meta-chip .chip-label {display: block;font-size: 11px;color: #000;text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 2px;}
.outlet-meta-chip .chip-value {display: block;font-size: 14px;color: #222;font-weight: 500;font-family: 'League Spartan', sans-serif;}