body{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;color:#000;padding-top:150px;padding-bottom:40px;scrollbar-width: none;}

/* SCROLL....................................................................*/
@media (min-width: 1024px) {
/* width */
::-webkit-scrollbar {width: 1px;height: 6px;border-radius: 4px;}
/* Track */
::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.05);border-radius: 4px;}
/* Handle */
::-webkit-scrollbar-thumb {Background:  rgba(0, 0, 0, 0.2);border-radius: 4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.2);border-radius: 4px;}
/* SCROLL para contenedores */
/* width */
.page-wrapper ::-webkit-scrollbar {width:1px;height: 2px;border-radius:1px;}
/* Track */
.page-wrapper ::-webkit-scrollbar-track {background:transparent;border-radius: 1px;}
/* Handle */
.page-wrapper ::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.4);border-radius: 1px;}
}

/*
@media (max-width: 1023px) {
/* Hide scrollbar for Chrome, Safari and Opera
::-webkit-scrollbar {      display: none;   }
/* Hide scrollbar for IE, Edge and Firefox
div { -ms-overflow-style: none;  scrollbar-width: none;   }
}
*/

@media (min-width:1024px){
.desktop-only{display:block}
.mobile-only{display:none}
}
@media (max-width:1023px){
.desktop-only{display:none}
.mobile-only{display:block}
}


/* Loader */
.amscroll-loading-block{width:100px;height:unset}
.amscroll-loading-block .amscroll-loading-icon{min-width:100px;width:100px;height:unset;}
#amasty-shopby-product-list button.primary.amscroll-load-button{width: fit-content; margin: 0 auto; display: block;}
#amasty-shopby-product-list .amscroll-load-button > .amscroll-text{text-transform: uppercase;color:#000;}

/* ELEMENTOS DE TEXTO GENERALES ......................................................................*/
h1, h2, h3, h4, h5, h6 {font-weight: 500;letter-spacing: 0}
h2{font-size:22px;font-weight:600}
h3{line-height:1.3; margin-bottom: 1.5rem;}
h4{line-height:20px;}
p{font-size:12px;line-height:19px}
.title, .page-title, .block-title,
.page-main > .page-title-wrapper .page-title,
.block .title strong,
.login-container .block .block-title strong { display: block;  text-align: left;  font-weight:500;
 margin: 0 0 20px;  line-height:18px;  font-size: 15px;
text-transform: none;  color: #000!important; padding: 0;}
b, strong{ font-weight: 600!important}
table th{text-transform: uppercase;}
a, a:hover, .alink:hover, a:visited {color:#000; cursor: pointer!important;   transition: 0.5s ease;    -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;    -o-transition: 0.5s ease;    -ms-transition: 0.5s ease;}


/* MENSAJES DE SISTEMA ..................................................................................... */

.cc-message-fixed-top{width:calc(100% - 450px)!important;transition-delay: 1s;}
@media (max-width:1023px){
  .cc-message-fixed-top{width:100%!important;top:0;left:0;}
}


/* mensajes de error */
.cc-message-left-bottom-corner{top: 50%!important; left: 50%!important; transform: translate(-50%,-50%);width:300px}
.message.info, .message.error, .message.warning, .message.message.success {
padding: 15px 20px!important; letter-spacing: 0.5px;
display: block;  font-size:12px;  padding-left: 45px!important;
position: relative;   font-weight: 500; line-height:20px}
.message.info a, .message.error a, .message.warning a, .message.message.success a {text-decoration: underline;}
.message.info > *:first-child:before,
.message.error > *:first-child:before,
.message.warning > *:first-child:before,
.message.success > *:first-child:before {
-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;
font-size: 18px;    line-height: 18px;    font-family: 'simple-line-icons'!important; border-radius: 25px;
margin: -5px 0 0 10px;    vertical-align: middle;    display: inline-block;    font-weight: normal;
overflow: hidden;    speak: none;    left: 0;    top: 20px;    width: 35px;    position: absolute;    text-align: center;}

/* info */
.message.info {background: transparent!important;    color: #a7acaf!important;   }
.message.info > *:first-child:before {    color: #a7acaf;    content: "\e617"!important;   }

/* info empty */
.message.info.empty {background: transparent!important;    color: #696969!important; padding-left: 22.5px!important;  }
.message.info.empty > *:first-child:before {display: none; }

/* warning */
.message.warning {color:#fef0e5; background: #f96a00;}
.message.warning > *:first-child:before {    color: #fef0e5; content: "\e617"!important;   }

/* error */
.message.error {color:#b53e4a; background: #fde6eb;}
.message.error a,
.message.error a:hover{color:#b53e4a;}
.message.error > *:first-child:before { color: #b53e4a; content: "\e082"!important;}

/* success */
.message.success {color:#006400; background: #e5efe5;}
.message.success a,
.message.success a:hover{color:#006400;}
.message.success > *:first-child:before {color: #006400; content: "\e080"!important;}

/* notice */
.message.notice > *:first-child:before{content:none!important}


/* required */
.fieldset .field-required > .label:after,
.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after {
  content: '*';
  color: #b00401;
  font-size: 1.2rem;
  margin: 0 0 0 4.5px;
}



/* mobile */
@media (max-width: 1023px) {
.message.info, .message.error, .message.warning, .message.message.success { margin: 0 0 10px;}
}



/* ELEMENTOS DE FORM GENERALES ....................................................................*/

/* fix para que no haga zoom en focus en iphone */
@media (max-width: 1023px) {
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select,
  select:focus,
  textarea { font-size: 13px!important;}
}

input::-webkit-input-placeholder{color:#777!important}
input::-moz-placeholder{color:#777!important}
input:-moz-placeholder input:-moz-placeholder{color:#777!important}
input:-ms-input-placeholder {color:#777!important}

/* action link */
a.action.link {position: relative; border-bottom: 1px solid #333333;font-weight: 600;color:#333333;text-decoration: none;cursor: pointer;}
a.action.link::after {    content: "";    position: absolute;    bottom: -3px;    height: 1px;
  margin: 0;    width: 0; opacity: 0;    background-color: #222323;    display: block;
  transition: all 0.2s ease-in-out;    transition-duration: 0.2s;
  -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
a.action.link:hover {     text-shadow: 0 0 black;}
a.action.link:hover::after {width: 100%;    opacity: 1;          transition: all 0.15s ease-in-out;    transition-duration: 0.2s;}

/*action close */
.action.close, .action.close:focus, .action.close:active, .action.close:visited, .action.close:hover {background: transparent!important;}

/* form*/
.fieldset > .field, .fieldset > .fields > .field {    margin: 0 0 15px;    text-align: left;}
.fieldset > .field > .label,
.fieldset > .fields > .field > .label,
.fieldset > .field .label,
.field label { font-size: 12px;font-weight: 400;
  letter-spacing: 0.5px; color: #000; margin:5px 0; display:inline-block;}
.fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label {color: #777; font-weight: normal; margin: 0; display: inline;}

input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"],
input[type="number"], input[type="datetime"], input[type="email"],
select, textarea{
  background-clip: padding-box;
  color: #000; border-radius:0;
  border: 1px solid #b0b0b0;
  font-weight: 500;
  font-size: 13px;
  min-height:35px;
  line-height:35px;
  padding:0 10px;
  vertical-align: baseline;
  width: 100%;
  box-sizing: border-box; letter-spacing: 0.3px; background-color: transparent;}

select { background-image: url(../img/select-bg.svg);
background-repeat:  no-repeat;
background-position: 100% 48%;
background-size: 30px 60px;
padding:0 25px 0 10px;border-radius:0; height:38px;}


/* Mensajes de error en formularios */
input.mage-error, select.mage-error, textarea.mage-error {border-color: #ff2d41;}
div.mage-error[generated] {color: #ff2d41!important;font-size: 1.2rem;}
.field._error .control input, .field._error .control select, .field._error .control textarea {  border-color: #ff2d41!important;}
.field-error span { color: #ff2d41!important;  font-size: 10px;  line-height: 14px; letter-spacing: 0.3px;  font-weight: 500;}


/* radio and ckeck buttons */
input[type="radio"],
input[type="checkbox"] {margin:0; min-height: 16px;width:16px;height:16px;position: relative; }

input[type="radio"]::after,
input[type="checkbox"]::after{ position:absolute; content: ""; padding-left: 0; cursor:pointer; display:inline-block; color:#666;
  left:0;  top:0;  width: 16px;  height: 16px;
  border-radius:100%;  background:  transparent;  border: 1px solid transparent;  transform:scale(1);
  opacity:1;  transition:all .3s ease; }

input[type="radio"]:checked::before{border: 1px solid #555;}

input[type="checkbox"]::before{content:"";position:absolute; left:0; top:0; width: 16px; height: 30px;
  background: #fff; display: block; cursor: pointer;}

input[type="checkbox"]::after{font-family: 'porto-icons';content: "\f87d"; border:none}
input[type="checkbox"]:checked::after{font-family: 'porto-icons';content: "\f87c"; position: absolute; left: 0; top:0; }

input[type="radio"]::before{content:""; position:absolute; left:-1px; top:-1px; width:17px; height:17px;
  border-radius:100%; border:1px solid #aaa; background:#fff; display:block; cursor:pointer;}

input[type="radio"]:checked::after{content:""; position:absolute; left:5px; top:5px; width:5px; height:5px; border-radius:100%; background: #222; border: 1px solid #222; transform:scale(1); opacity:1; transition:all .3s ease; visibility: visible;}

input[type="radio"]::before:hover,  input[type="checkbox"]::before:hover{border: 1px solid #555;  box-shadow: 0 0 10px #fff;}

input[type="radio"]:not(:checked)::after{content:""; position:absolute; left:5px; top:1px; width:6px; height:6px; border-radius:100%; background:#fff; transform:scale(0); opacity:0;}



/* buttons */
button{border-radius:0;}
button:hover, button:focus, button:active , .action-primary:hover, .action-primary:focus, .action-primary:active, .action-primary.action-accept {
color: #fff;  background-color: #222;  border-color: #222;}
button:not(.primary) { font-family:"Montserrat"; border: 1px solid #999;  color: #222; height:40px; line-height: 40px;  padding: 0 12px;  background-color: #fff;
font-weight: 500;  font-size: 12px;  letter-spacing: 1px;  text-transform: uppercase;}

/* boton para checkout oscuros */
.page-main button.primary,   a.action.primary,  .action.primary,  .action.primary.checkout, button.primary,
.amlocator-main-container .amlocator-map-container .amlocator-search-container .amlocator-button.-nearby,
.amlocator-main-container .amlocator-map-container .amlocator-search-container .amlocator-button.-nearby:hover,
.amlocator-main-container .amlocator-map-container .amlocator-search-container .amlocator-button.-nearby:focus,
.amform-form .action.primary, .amform-parent .action.primary {text-align:center;
font-family:"Montserrat"; width: 100%;  background: #292929;  border: 1px solid #292929;  color: #fff; border-radius:0; box-shadow:none;
cursor: pointer; display: inline-block;  font-weight:600;  font-size: 12px!important; letter-spacing: 0.3px; padding: 0 25px; box-sizing: border-box;
line-height: 40px;height: 40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;    transition: all 0.5s ease; }

.action-primary:hover, .action-primary:focus, .action-primary:visited, .action-primary:active,
.action.primary:hover, .action.primary:focus, .action.primary:visited, .action.primary:active,
.amform-form .action.primary:hover, .amform-parent .action.primary:hover,
.amform-form .action.primary:focus, .amform-parent .action.primary:focus,
.amform-form .action.primary:visited, .amform-parent .action.primary:visited,
.amform-form .action.primary:active, .amform-parent .action.primary:active{
background-image: none; background: #000!important; border: 1px solid #000!important; cursor: pointer;}
.action.primary.selectsize:hover{background:transparent!important;}

.action.primary.nostock, .action.primary.nostock:hover, .action.primary.nostock:focus{border: 1px solid #7b7b7b;}

.actions > .secondary .action.viewcart, .details-qty.qty button:not(.primary){font-size: 12px!important;
background-image: none;    background: #ffffff;   border: 1px solid #444;    color: #222!important;  cursor: pointer;    display: inline-block;
font-weight: 500;      height: 40px; line-height: 40px;   border-radius: 0!important;
padding: 0 25px!important;    box-sizing: border-box;    vertical-align: middle;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.select-size-warning-text{color:red;font-weight:500}

/* botones del checkout */
.details-qty.qty button:not(.primary):hover,
.details-qty.qty button:not(.primary):focus,
.details-qty.qty button:not(.primary):visited,
.details-qty.qty button:not(.primary):active,
.actions > .secondary .action:hover,
.actions > .secondary .action:focus,
.actions > .secondary .action:visited,
.actions > .secondary .action:active{
  background-image: none;    background: #ffffff; border: 1px solid #222;   color: #222!important;  cursor: pointer;  display: inline-block;
  font-weight: 500;    font-size: 12px!important; height: 40px; line-height: 40px;
  padding: 0 25px;    box-sizing: border-box;    vertical-align: middle; text-decoration: none;}

._keyfocus *:focus, input:not([disabled]):focus,
textarea:not([disabled]):focus, select:not([disabled]):focus{box-shadow: 0 5px 5px 0 rgba(70, 72, 73, 0.05)!important;}

/*buttons x para cerrar paneles y popups */
.action-close, .action-close,  .action-close,
.action-close:hover, .action-close:hover,  .action-close:hover, .action-close:focus, .action-close:focus,  .action-close:focus,
.action-close:active, .action-close:active,  .action-close:active, .action-close:visited, .action-close:visited,  .action-close:visited
{  background: none!important; }
.swatch-option.disabled{ cursor: pointer;pointer-events: initial;}


/* Medicion de password */
.password-strength-meter { color: #444; text-align: right;  margin-top: 5px;font-size:12px}

.form.forget .field{max-width:unset!important}

.columns .column.main{padding-bottom:10px}


/* HEADER NOTICE ............................................................................................................... */
#site-notice .tns-outer [data-action="stop"], #site-notice .tns-outer [data-action="start"]{display:none}
.page-wrapper > .custom-html.top-ribbon{position:fixed;bottom:0;width:100%;z-index:2}
.page-wrapper > .custom-html.top-ribbon .tns-outer{margin:0}
.custom-html.top-ribbon #tns1 > .tns-item{font-size:11px;font-weight:600}
.ribbon{text-align:center;padding:0 10px;margin:0;line-height:25px;height:26px;letter-spacing:0.2px;font-weight:600;font-size:12px}
.ribbon a{border-bottom:1px solid #fff}
.ribbon-link{display:block;cursor:pointer}
.custom-html.top-ribbon .notice-close{z-index: 1;right:20px;margin-top:2px}
.custom-html.top-ribbon .notice-close:before,
.custom-html.top-ribbon .notice-close:after{background:#fff;border-color:#fff}
.ribbon-rotate{display:none!important}
.ribbon-rotate.active{display:block!important}
.ribbon-desktop, .ribbon-mobile{text-align:center;padding:0 10px;margin:0;font-weight:600;font-size:11px}
.ribbon-rotate{visibility:hidden; opacity: 0; display: block!important; margin:  -7px 0 0 0;  position: absolute; text-align: center; right: 0; left: 0;
transition-delay: .1s; transition: opacity .4s cubic-bezier(.455,.03,.515,.955)}
.ribbon-rotate.active{visibility:visible; opacity: 1; margin: 0;}

.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="prev"],
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="next"]{display:block;position:absolute; background:transparent;border-radius:0;width:30px;height:30px;text-indent:-99999px}
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="prev"]{left:0}
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="next"]{right:0}
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="prev"]:before,
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="next"]:before{position: fixed;z-index: 1;font-family:"porto-icons";font-size:20px;
    width:30px;height:30px;line-height:27px;color:#fff;text-indent:0;}
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="prev"]:before{content:'\f812';left:0}
.custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="next"]:before{content: '\f811';right:0}
.custom-html.top-ribbon .tns-outer .ribbon > .tns-item{padding:0 20px}

@media (min-width: 1024px){
    .ribbon-mobile{display:none}
    .ribbon-link{display:block;cursor:pointer}
    .ribbon-mobile,
    .ribbon-rotate{visibility:hidden}
    .ribbon-rotate.active{visibility:visible}
    .slider-mobile .ribbon-rotate, .ribbon-mobile{display:none!important}
    .ribbon-desktop{padding:0 10px}
}
@media (max-width: 1023px) {
    .ribbon{line-height:30px;height:30px}
    .ribbon-desktop{display:none}
    .ribbon-mobile {display:block}
    .custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="prev"]:before,
    .custom-html.top-ribbon .tns-outer .tns-controls button[aria-controls][data-controls="next"]:before {width:25px}
}


/* MODAL MAGENTO .......................................................................................................*/
.modal-popup .modal-header .modal-title{font-weight: 400;text-transform: none;font-size:18px;border:none;padding:0}
.modal-popup .action-close:before{content:"";background: url(../img/close.svg) no-repeat center center; background-size: cover;right: 0; top: 0; width: 12px;height: 12px;}
.modal-popup footer.modal-footer{padding:20px!important;display:flex;gap:10px}
.modal-header{box-sizing: border-box}

.modal-popup.custom-limit-qty .modal-inner-wrap {border:1px solid}
.modal-popup.custom-limit-qty + .modals-overlay {background:transparent}
.modal-popup.custom-limit-qty .modal-inner-wrap{box-shadow: none;padding:0;margin:0!important;width:500px!important;top: 50%!important; left: 50%!important; transform: translate(-50%,-50%);}
.modal-popup.custom-limit-qty .modal-inner-wrap .modal-header{width:100%!important;padding:20px!important;}
.modal-popup.custom-limit-qty .modal-inner-wrap .modal-content{padding:0 20px}
.modal-popup.custom-limit-qty.modal-slide .modal-header .action-close{display:none}
.modal-popup.modal-slide.custom-limit-qty .modal-footer{border:none}
.modal-popup.modal-slide.custom-limit-qty .modal-footer .custom-close-limit-qty{width:100%}
.modal-popup.custom-limit-qty .modal-inner-wrap .modal-title{padding:0!important;text-transform: uppercase;font-size: 18px !important;}
.modal-popup.custom-limit-qty .modal-title{border-bottom:none}
.modal-popup.custom-limit-qty.modal-popup .modal-inner-wrap{transform: translate(-50%,-50%);}

@media (max-width: 1023px) {
    .modal-popup footer.modal-footer{display:block;text-align: center}
    .modal-popup.confirm._show{width:80%;height:200px;top:calc(50% - 100px); left:10%; }
    .modal-popup._show .modal-inner-wrap{padding-left:0}
    .modal-popup._show .modal-inner-wrap .modal-header,
    .modal-popup._show .modal-inner-wrap .modal-header .modal-title{width:100%!important}
    .modal-popup.custom-limit-qty.modal-slide .modal-inner-wrap[class]{background-color:#fff}
    .modal-popup.custom-limit-qty.modal-slide{}
    .modal-popup.modal-slide._inner-scroll.custom-limit-qty .modal-inner-wrap,
    .modal-popup.custom-limit-qty .modal-inner-wrap{width:90%!important;height:inherit!important;min-height:unset;
        position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .modal-popup.custom-limit-qty.modal-popup .modal-inner-wrap{transform:none}
}


/* NEWSLETTER POPUP PORTO .......................................................................................................*/
#newsletter_popup h2 { margin: 20px 0!important;}
#newsletter_popup .action.primary { padding: 0 10px!important; text-align: center; border: 0; width: auto; height: 34px; background: #000!important; color: #fff!important;}
#newsletter_popup .form.subscribe{  max-width: unset; text-align: center; padding: 0; display: flex;}
#newsletter_popup input[type="email"] { float: left; padding: 2px 13px;  width: 270px;}
#newsletter_popup .actions { float: none; margin-left: 0;  position: relative;  z-index: 1;  width: 55px;  border-left: 1px solid #ccc;}
#newsletter_popup .subscribe-bottom label {  font-size: 11px;  vertical-align: sub;}


/* NEWSLETTER POPUP DRUBU solor banner ...............................................................................................*/
.dynamic-popup{position:fixed;z-index:12;width:fit-content;top: 50%; left: 50%; transform: translate(-50%, -50%);box-shadow:0 0 5px #3c3c3c}
.dynamic-popup img{display:block}
.dynamic-popup .fancybox-popup-close{position:absolute;right:4px;top:5px}
.dynamic-popup .fancybox-popup-close:before{font-family: 'porto-icons';content:"\f81a";font-size:15px;color:#000;width:20px;height:20px;line-height:20px;text-align:center;display:block;}
.dynamic-popup .popup-bottom{padding:10px;display:flex;align-items: center;}
.dynamic-popup .popup-bottom label{font-size:11px;color:#fff}
.dynamic-popup .popup-bottom input[type="checkbox"]{top:0;width:16px}
.dynamic-popup .popup-bottom input[type="checkbox"]::before{top:-1px}
.dynamic-popup-overlay{width:100%;height:100vh;background:#000000a1;position:fixed;top:0;z-index:11;}
.drubunet-popup .player{display:none}
.dynamic-popup.inactive, .dynamic-popup-overlay.inactive{height:0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

/* NEWSLETTER POPUP DRUBU newsletter suscribe .........................................................................................*/
.dynamic-popup .popup-two-columns{background:#fff;}
.dynamic-popup .popup-two-columns .pagebuilder-column-group{display:flex;align-items: center;}
.dynamic-popup .form.subscribe input[type="email"]{margin-bottom:5px}


.dynamic-popup.active,
.dynamic-popup-overlay.active{opacity:1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.dynamic-popup.inactive,
.dynamic-popup-overlay.inactive{opacity:0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.dynamic-popup.inactive .block-content{display:none}

@media (max-width: 1023px) {
    .dynamic-popup{width:90%;}
}


.zopim{z-index:4!important}


/* RECAPTCHA .............................................................................................................*/
.grecaptcha-badge {opacity: 0!important; visibility: hidden!important; position: fixed; bottom: 0!important; right: 0!important;}

/*invisible captcha */
.g-recaptcha {        margin: 0!important;       position: relative;   width: 20px!important;      height: 20px!important;     padding: 0;   overflow: hidden;  }
.g-recaptcha::after { content: ""; display: block; height: 20px; width: 20px; position: absolute;left: 0; top: 0;     background-image: url(../img/recaptcha.png); }
.g-recaptcha .grecaptcha-badge {    box-shadow: none!important; opacity: 0; visibility: hidden ; position: relative;   width: 40px!important;      height: 40px!important;     padding: 0; margin: 0; }

/*login pagina */
#form-validate.form-create-account .g-recaptcha {    margin: -30px 0 30px 130px!important;    position: relative;
    width: 20px!important;    height: 20px!important;    padding: 0;}
@media (max-width: 1023px){
    .customer-account-login .block-customer-login{margin-bottom:50px}
}

/*login panel */
#header-login-form   .g-recaptcha{    float: right;        margin-top: -60px!important;}
#header-register-form  .g-recaptcha{    margin: 15px 0 0 0!important;       float: right; }
#newsletter-validate-detail  .g-recaptcha {position: absolute;        right: 160px;        margin-top: 10px!important;}

/*botones de cuenta */
[class*="form-edit-"] .g-recaptcha{    margin: 5px 0 0 0!important;       float: left; }

body[class*="account"] .form.create.account .actions-toolbar{padding:0}
.form.create.account .actions-toolbar .primary{display:flex;align-items:center}
.form.create.account .actions-toolbar .primary .checkout-agreement{text-align: left;display: flex;}
.form.create.account .actions-toolbar .primary .checkout-agreement input[type="checkbox"]{width:13px;top:6px;margin-right:3px}
.form.create.account .actions-toolbar .primary .checkout-agreement input[type="checkbox"]::before{top:0}
.form.create.account .actions-toolbar .primary .checkout-agreement input[type="checkbox"]::after{top:1px}

@media (min-width: 1024px){
    .form.create.account > .fieldset{width:48%!important;padding:0 20px 0 0!important}
    .form.create.account > .fieldset + .fieldset{padding:0 0 0 20px!important}
    .form.create.account > .fieldset .field.newsletter{margin-top:-10px;margin-bottom:12px}
}

@media (max-width: 1023px){
    .form.create.account .actions-toolbar .primary .checkout-agreement{gap:10px}
    #form-validate.form-create-account .g-recaptcha {    margin: 20px auto!important;    position: relative;
        width: 20px!important;    height: 20px!important;    display: block;    padding: 0 0 20px 0;    bottom: 10px;}
    /*login panel */
    #header-login-form   .g-recaptcha{float: right;margin-top: -60px!important;}
    #header-register-form  .g-recaptcha{margin: 15px 0 0 0!important;float: right;}
    /*login pagina */
    #login-form  .g-recaptcha{margin: 0 auto!important;  position: relative;   width: 20px!important;  height: 20px!important;display: block;padding: 0;}
    #newsletter-validate-detail .g-recaptcha {margin: 10px auto 0 auto!important; position: relative; width: 20px!important; height: 20px!important;    display: block;    padding: 0;}
    .form.create.account .actions-toolbar .primary{flex-direction:column}
}


/* WHATSAPP FLOTANTE ........................................................................................*/
#wachat a{background:none!important;display:block;top:initial!important;left:unset;right:5px!important;bottom:25px;padding:0!important;}
#wachat a img {   width: 50px!important; height: 50px!important;transition: all 1s; }
#wachat a:hover img {opacity: 0.7; }
.whatsapp_info::after { display:none; }
.whatsapp_info img {     display: inline-block;      width: 20px;      height: 20px;      max-width: 20px;      margin-bottom: -5px;}
.dynamic-detail-body #wachat, .catalog-product-view #wachat {      display: none;  }

@media (max-width:1023px){
    #wachat a{right:5px!important;bottom:55px; width:30px;height:30px;}
}


/* PANEL SEARCH NATIVO MAGENTO .................................................. */
.page-header .header-main-right .block-search .minisearch{position:relative; display: flex; border-bottom: 1px solid #9a9a9a;}
.page-header .header-main-right .block-search .search-form{margin-bottom:20px}
.page-header .header-main-right .block-search input,
.page-header .header-main-right .block-search input:hover{padding:10px 30px 10px 10px;border:0; border-radius: 0;font-size:23px;text-align:left;letter-spacing: 0;}
.page-header .header-main-right .block-search .actions .action.search { display: block!important;opacity: 1;padding: 0 20px;  margin:10px auto;
    background: #292929; border: 1px solid #292929; color: #fff; line-height:30px;height:30px;cursor:pointer}
.page-header .header-main-right .block-search .actions .action.search:before{content:none}
.page-header .header-main-right .block-search .buscador-panel-extendido {text-align:left}
.page-header .header-main-right .block-search .buscador-panel-extendido a{text-transform:uppercase;font-weight:500}
.page-header .header-main-right .block-search .buscador-panel-extendido a:hover{text-decoration: none;}
.page-header .header-main-right .block-search .search-autocomplete{top:40px}
.page-header .header-main-right .block-search .search-autocomplete ul li{font-size:12px}
.page-header .header-main-right .block-search .search-autocomplete ul li .amount{color:#4c4c4c}
.page-header .header-main-right .block-search .block-title{display:none}
.page-header .header-main-right .block-search .label:before{content:none}
.page-header .header-main-right .block-search .action.search > span,
.page-header .header-main-right .block-search .label,
.page-header .header-main-right .block-search .label > span{height:unset;width:100%;position:unset;overflow:unset;margin:0;display:block;text-align:center}
.page-header .header-main-right .block-search .minisearch .field.search{display:flex;flex-direction: column;width:100%;flex: 0 0 80%;}
.page-header .header-main-right .block-search .minisearch .field.search label{display:none}
.page-header .header-main-right .block-search .minisearch .actions{flex: 0 0 20%;}
.page-header .header-main-right h4{font-weight:600}
.page-header .header-main-right .block-search input{height:50px}

@media (max-width:1023px){
    .page-header .header-main-right .block-search .minisearch{display:block}
    .page-header .header-main-right .block-search input{margin:0 0 5px}
    .page-header .header-main-right .block-search .actions .action.search{width:100%;position:initial;height: 40px;line-height: 40px;}
}

/* AMASTY BUSCADOR AVANZADO ...................................................................... */
.amsearch-form-container.-opened .amsearch-wrapper-input, .search-autocomplete, .amsearch-results {max-width: 100vw!important; width: 100%;}
.amasty-xsearch-block-header {position: relative;        margin-bottom: 10px; padding:0!important;       color: #000000;text-transform: uppercase;
    word-wrap: break-word;        word-break: break-word;        font-weight: 600;        font-size: 13px;  }
header.page-header .block-search.active .headerlink-close.general-close{position:fixed;right:15px;top:8px;}
.amsearch-form-container.-opened .amsearch-leftside .recent_searches,
.amsearch-form-container.-opened .amsearch-leftside .amsearch-item{padding:0;margin-bottom:10px}
.amsearch-results .amsearch-leftside, .amsearch-results .amsearch-products{padding:0}

.block-search input{position:unset;left:unset}
.amsearch-wrapper-input {    width: 100%!important;    max-width: unset!important;}


/*recientes */
.amsearch-results .amsearch-form-container.-opened .amsearch-leftside .recent_searches {    padding: 0 5px;}
.amsearch-results .amsearch-item .item-name{color:#000;border:none;background:#f5f5f5;padding:5px 10px;margin:0 0 5px;display: inline-block;}
.amsearch-results .amsearch-item .item-name:hover {background:#ededed}
.amsearch-clone-position {    position: absolute;    right: 0;    z-index: 999;   box-shadow: none!important; }
.amsearch-form-container.-opened .input-text { position: static;   border: none!important; border-bottom: 1px solid #b0b0b0!important;padding-left: 35px!important;}
.amsearch-form-container .input-text, .amsearch-form-container .input-text:focus,
.block-search .label.active + .control input:hover, .block-search .label.active + .control input:focus
{outline: none; border: none;  box-shadow: none!important;border-radius:0}
header.page-header .block-search {box-sizing: border-box; border-radius: 0; overflow: hidden; background: #fff;
    padding:40px; margin: 0; right:-530px; top:0; bottom:0; width:450px; position: fixed;border-left:1px solid #ececec;
    transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;
    animation: slide 0.5s; -webkit-animation: slide 0.5s; animation-delay: 1s; -webkit-animation-delay: 1s;}
header.page-header .block-search.active {right:0;overflow: auto;
    transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;
    animation: slide 0.5s; -webkit-animation: slide 0.5s; animation-delay: 1s; -webkit-animation-delay: 1s; }

/* Advanced search */
.amsearch-results { display: flex; overflow: auto; padding: 0; max-width: unset!important; margin: 0!important; text-align: left;}
.amsearch-results .amsearch-leftside {display: block!important;}
.amsearch-results .product-item .price-box .price-label {display: none; }
.amsearch-more-results .amsearch-link{color:#000; text-transform: uppercase; padding: 0 0 3px; border-color: #000; font-size: 11px; font-weight: 500; letter-spacing: 0.5px;}

@media (max-width: 1023px) {
    .amsearch-results{display:block}
}

/* search recientes */
.amsearch-form-container.-opened .amsearch-leftside .recent_searches{padding: 0!important;  margin-bottom: 20px; }

/* popular searches */
.amsearch-form-container.-opened .amsearch-leftside .amsearch-item-container{padding:0;  margin:0 0 20px; }
.amsearch-form-container.-opened .amsearch-leftside .amsearch-item-container .amsearch-item  {padding:  5px 0; }

.amsearch-form-container.-large .amsearch-wrapper-content .tocart {      display: none!important;}
.amsearch-results .amsearch-item:hover {    background-color: transparent!important;}
.amsearch-form-container.-large .amsearch-wrapper-content .amsearch-wrapper-inner {margin: 0!important; padding: 0!important;}
.amsearch-form-container.-opened .amsearch-leftside .recent_searches, .amsearch-form-container.-opened .amsearch-leftside .amsearch-item {
    letter-spacing: 0.5px; border:0;  border-radius: 0!important;padding:0!important}

.amsearch-form-container .search-autocomplete {    overflow: hidden;
    scrollbar-color: #adadad rgba(255, 255, 255, 0.2);    scrollbar-width: thin;    overflow-y: auto;
    max-height: calc(100vh - 230px);    max-width: 100%;    width: 100%!important;    margin-top: 30px;}
.amsearch-products .amsearch-highlight {    background-color: #ddd;    color: #000;  }
.amsearch-item-container:not(.recent_searches) .amsearch-highlight {  background-color: #ddd!important;
    font-weight: 600;    color: #000;}
.amsearch-item-container.recent_searches .amsearch-item:hover {    border-color: #222323;}

/* search en productos*/
.amsearch-form-container.-large .amsearch-wrapper-content .tocart {      display: none!important;}
.amsearch-results .amsearch-item:hover {    background-color: transparent!important;}
.amsearch-form-container.-large .amsearch-wrapper-content .product-item-details {padding:0!important;    height: 100%;}
.amsearch-form-container.-large .amsearch-wrapper-content .amsearch-wrapper-inner {margin: 0!important; padding: 0!important;  justify-content: left;}
.amsearch-form-container.-large .amsearch-wrapper-content .amsearch-wrapper-inner .product-item-description {
    margin: 10px 0;     font-size: 11px;    font-weight: 500;    letter-spacing: 0.5px;}
.amsearch-form-container.-large #amasty-shopby-product-list { margin-top: 0;    padding-left: 20px;width:calc(100% - 317px)}
.amsearch-form-container.-large #amasty-shopby-product-list .amsearch-products.-columns{width:100%!important;overflow: hidden;}
.amsearch-form-container.-large .amsearch-wrapper-content .price {font-size: 11px!important;font-weight: 500;}
.amsearch-form-container.-large .amsearch-wrapper-content > .amsearch-item{width:25%!important}
.amsearch-form-container.-large .amsearch-wrapper-content > .amsearch-item .product.description.product-item-description{display:none}
.amsearch-form-container.-large .amsearch-wrapper-content > .amsearch-item .product-image-wrapper{padding-bottom:125%!important}
.amsearch-form-container.-large .amsearch-wrapper-content .amsearch-autocomplete-information{margin:0}
.amsearch-form-container.-large .amsearch-wrapper-content .product-item-link{font-weight: 500;text-transform: uppercase;font-size: 11px;text-align: left;margin:0;color:#000}
.amsearch-form-container.-large .amsearch-wrapper-content .product-item-link:hover{text-decoration: none;}

/* search en paginas */
.amsearch-item-container.page a.item-name {  background-color: #ddd!important;    font-weight: 600;    color: #000;}

/* pagina resultado de busqueda*/
.amsearch-related-terms > .amsearch-item:hover {background: #fff;  border:1px solid #222323;}
.amsearch-related-terms > .amsearch-item {
    display: inline-block; color:  #222323; background: #fff;
    box-sizing: border-box;
    margin: 0 8px 10px 0;
    padding: 5px 10px;
    border: 1px solid #e2e4ee;
    border-radius: 0;
    text-decoration: none;
    font-size: 12px;}
.catalogsearch-result-index .toolbar.toolbar-products, .catalogsearch-result-index .page-wrapper > .breadcrumbs  { display: none!important}
.block-search .actions .action.search { display: none!important;}
.page-header .search-toggle-icon {margin-right: 15px;    display: block;}
.page-header .search-toggle-icon span {
    display: block!important;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.5px;}
.page-header .search-toggle-icon i { display: none;}
.block-search .block-title {display: block; text-align: left; font-weight: 500!important;}
.block-search .block-title strong{font-weight: 500;color: #000; font-size: 13px; text-transform: uppercase;
    letter-spacing: 0.5px; display: block; text-align: left; margin-bottom: 30px;}


/*mobile*/
@media (max-width: 1023px) {
    .block-search .block-title strong{margin-bottom:0}
    header.page-header .block-search{width:100%!important}

    .amsearch-form-container.-large .block-search .amsearch-wrapper-content .product-item-details {   text-align: left;}
    header.page-header .block-search .headerlink-close.general-close{float:none}
    header.page-header .block-search .label{display:none}
    .amsearch-form-container.-large #amasty-shopby-product-list{width:100%;padding:0;margin-bottom:50px}
    .amsearch-form-container .search-autocomplete{margin:0 auto;width:calc(100% - 30px)!important}
    .amsearch-form-container.-large .amsearch-wrapper-content > .amsearch-item{width:50%!important;float:left;display:block;padding:0 5px!important}
    .amsearch-form-container.-large .amsearch-wrapper-content > .amsearch-item .amsearch-autocomplete-image{width:100%;}
    .amsearch-form-container.-large .amsearch-wrapper-content > .amsearch-item .product-image-wrapper{padding-bottom:138%!important}
    .amsearch-form-container.-opened .amsearch-leftside .amsearch-item-container{padding:0;margin:0 auto 20px;}
    .amsearch-form-container.-large #amasty-shopby-product-list .amsearch-products.-columns .amsearch-wrapper-content{width: calc(100% + 10px)!important; margin: 0 -5px;}
}



/* BREADCRUMB .................................................................................................................*/
.page-wrapper > .breadcrumbs { border-bottom: none!important; top: 0; right: 0;  border-top: 1px solid #eee!important; padding-bottom: 0;  }
.page-wrapper > .breadcrumbs .items{ max-width: 100%!important; padding: 10px 0 8px!important; background-color:transparent; }
.breadcrumbs { max-width: 100%; padding: 7px 0;}
.breadcrumbs .items > li,
.breadcrumbs .items > li > a,
.breadcrumbs .items > li > strong  { display:inline-block;text-transform: uppercase;  font-weight: 400;  font-size: 11px;  letter-spacing: 0.5px;line-height: 30px!important;vertical-align: initial;}
.breadcrumbs .item.home { display: none; }
.breadcrumbs .item:not(:last-child):after { font-size: 7px; line-height: 30px!important;}




/* ACCOUNT PAGES........................................................................................................................*/
.account .sidebar.sidebar-main:before{border:none}
.account .sidebar .product-items .product-item-name a{overflow:visible;white-space:normal;text-overflow:unset}
.account .block-reorder .product-item{padding:5px 0}
.account .block-reorder .product-item .field.item{display:inline-block;vertical-align:top}
.account .block-reorder .product-item-name{display:inline-block;width:calc(100% - 30px);vertical-align:top}
.account-nav .nav>li{padding:0;position:relative;line-height:1.3;margin:0}
.account-nav .nav>li>a, .account-nav .nav>li>strong{color: #777;    padding: 8px 0;    display: inline-block;    font-size: 14px;
    text-transform: uppercase; text-decoration: none!important;
    letter-spacing: 0.5px; position: relative;
    font-weight: 400;}
.account-nav .nav>li>a:focus,.account-nav .nav>li>a:hover{background:0 0}
.account-nav .nav>li> a::after{    content: ""; display: block;
    position: absolute;
    bottom: 5px;
    height: 1px;
    margin: 0;
    width: 0;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.2s;
    opacity: 0;
    background-color: #222323;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.account-nav .nav>li> a:hover, .account-nav .nav>li> strong, .account-nav .nav>li> strong:hover { color:#000;    text-shadow: 0 0 black;}
.account-nav .nav>li> a:hover::after {width: 100%;    opacity: 1;          transition: all 0.15s ease-in-out;    transition-duration: 0.2s;}
.customer-account-index .box .box-title {    color: #313131;    font-weight: 400;    text-transform: uppercase;}

body.account  .form.form-edit-account, body.account  .form.form-edit-email, body.account  .form.form-edit-password {
    display: block;   border-radius: 0;    background: #fff;    border-top: none;
    padding: 35px 40px;    box-shadow: none; margin-bottom: 20px;}
body.account  .form.form-edit-account fieldset, body.account  .form.form-edit-email fieldset, body.account  .form.form-edit-password fieldset {
    width: 100%!important;float: none!important; clear: unset;  display:flex ; flex-wrap: wrap;     margin: 0 0 30px;}
body.account  .form fieldset > legend, body.account  .form fieldset > input  {    flex: 1 1 100%; margin: 0 0 30px; }
body.account  .form fieldset > .field {    flex: 1 1 auto;    margin-right: 20px; }
body.account .field.choice {   margin-bottom: 40px; }
body.customer-account-create .maincontent input[type="checkbox"]{top:3px}

@media (min-width: 1024px){
    body[class*="account"]{padding-top:100px}
    body[class*="account"] .page-main{width:1280px;}
    body.customer-account-forgotpassword .page-main,
    body.customer-account-createpassword .page-main{width:550px;margin:0 auto}
}

/* LOGIN PAGES........................................................................................................................*/
.login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage {
    display: block;    border: none!important;    border-radius: 8px;    background: #fff;    padding: 35px 25px;    box-shadow: none;}

.login-container .fieldset > .field > .control {width: auto!important;    }

@media (max-width:1023px){
    .fieldset {    margin: 0 0 30px;    padding: 0;}
}



.account .table-wrapper {      margin-bottom: 18px;      border-top: 0;      margin-top: 0;      padding: 0!important;  }
.box .box-content { padding: 20px 15px;    font-size: 13px;    border: none;    border-top: 0;    background-color: #fff;   min-height: 135px;}
.box .box-title {  padding: 10px 15px;  border: none;  border-bottom: 2px solid #f0f0f0;  background-color: #fff;  position: relative;
    border-radius: 7px 7px 0 0;}
.box .box-actions {  margin: 0; border: none; background-color: #fff;  border-radius: 0; padding: 5px 15px;}
.block.block-addresses-default { margin-bottom: 25px!important;}
.table-additional-addresses-items {    display: flex!important;  justify-content: flex-start;  flex-wrap: wrap;  margin: 0;}
.table-wrapper.additional-addresses .address-item {  background-color: #fff;  padding: 20px 15px;  margin-right: 10px;   flex: 1 1 50%; }
.customer-addresses-toolbar .pager {display: none}
.account .table-wrapper.order-items.packages{padding:20px!important;margin:20px 0 30px;    background: #f7f7f7;border-radius: 15px;box-sizing: border-box}
.account .table-wrapper.order-items.packages .data-link a{font-weight: 600;text-decoration: none;border-bottom:1px solid}
.account .table-wrapper.order-items.packages .package-name{font-weight:600;font-size: 14px;margin-bottom:10px;display:block;}
.account .table-wrapper.order-items.packages .package-details p{margin-bottom:5px;font-size: 13px}

@media (max-width: 1023px){   .table-wrapper.additional-addresses .address-item {   margin-right: 0;   flex: 1 1 100%;     margin-top: 10px;}}

.account .sidebar.sidebar-main:before{border:none}
.account .sidebar .product-items .product-item-name a{overflow:visible;white-space:normal;text-overflow:unset}
.account .block-reorder .product-item{padding:5px 0}
.account .block-reorder .product-item .field.item{display:inline-block;vertical-align:top}
.account .block-reorder .product-item-name{display:inline-block;width:calc(100% - 30px);vertical-align:top}
.account-nav .nav>li{padding:0;position:relative;line-height:1.3;margin:0}
.account-nav .nav>li>a, .account-nav .nav>li>strong{   padding: 8px 0;    display: inline-block;    font-size: 14px;
    text-transform: uppercase; text-decoration: none!important;    letter-spacing: 0.5px; position: relative;    font-weight: 400;}
.account-nav .nav>li>a:focus,.account-nav .nav>li>a:hover{background:0 0}
.account-nav .nav>li> a::after, .account-nav .nav > li.current > a::after, .account-nav .nav > li.current > strong::after{
    content: ""; display: block; position: absolute;  bottom: 5px; height: 1px; margin: 0;  width: 0;
    transition: all 0.2s ease-in-out; transition-duration: 0.2s; opacity: 0; background-color: #222323;
    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.account-nav .nav>li> a:hover, .account-nav .nav>li> strong, .account-nav .nav>li> strong:hover { color:#000;}
.account-nav .nav>li> a:hover::after, .account-nav .nav > li.current > strong::after, .account-nav .nav > li.current > a::after {width: 100%;    opacity: 1;          transition: all 0.15s ease-in-out;    transition-duration: 0.2s;}
.customer-account-index .box .box-title {    color: #313131;    font-weight: 400;    text-transform: uppercase;}

body.account .form.form-edit-account,
body.account .form.form-edit-email, body.account  .form.form-edit-password,
body.account .form-newsletter-manage {
    display: block;  border-radius: 0;    background: #fff;    border: 1px solid #ddd!important;
    padding:20px;    box-shadow: none; margin-bottom: 20px;}
body.account .form.form-edit-account fieldset, body.account  .form.form-edit-email fieldset, body.account  .form.form-edit-password fieldset {
    width: 100%!important;float: none!important; clear: unset;  display:flex ; flex-wrap: wrap;     margin: 0 0 30px;}
body.account .form fieldset > legend, body.account  .form fieldset > input  {    flex: 1 1 100%; margin: 0 0 30px; }
body.account .form fieldset > .field {    flex: 1 1 auto;    margin-right: 20px; }
body.account .field.choice { margin:0 2% 40px 0;width:49%}
body.account .field.choice input[type="checkbox"]{top:5px}
body.account .field.choice input[type="checkbox"]:after,
body.account .field.choice input[type="checkbox"]:checked:after{top:-2px}
body.account .field.choice input[type="checkbox"]:before{top:0}
body.account .field.choice + .field.choice{ margin-right:0}
body.account .form.fieldset > .legend, .fieldset > .legend{color:#000;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.block.block-addresses-default { margin-bottom: 25px!important;}
.table-additional-addresses-items { display: flex!important; justify-content: space-between; flex-wrap: wrap;  margin: 0;}
.table-wrapper.additional-addresses .address-item { background-color: #fff; width: unset!important;
    flex: 0 0 49%;  margin: 0;  padding: 10px; }
.customer-addresses-toolbar .pager {display: none}
body.account .form .legend .account-title{font-size: 15px; font-weight: 500; margin-bottom: 5px; letter-spacing: 0.5px; display: block;  color: #000;text-transform:none}
body.account .form .legend .account-subtitle{font-size:13px;text-transform: none;display:block;color: #444;}
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong{color:#000;font-weight:500}
.block-collapsible-nav .item a:before, .block-collapsible-nav .item > strong:before{content:""}
body.account .block-collapsible-nav .item{background:#f4f4f4;text-transform: uppercase;color:#000;border:none}
body.account .block-collapsible-nav .item a,
body.account .block-collapsible-nav .item strong{text-transform: uppercase;color:#000;font-size: 11px;font-weight: 500;}
body.account .block-collapsible-nav .item a,
.block-collapsible-nav .item.current strong{padding:8px}
body.account .block-collapsible-nav .item.current{background:#292929;}
body.account .block-collapsible-nav .item.current strong{color:#fff;}
body.account .page-main .page-title-wrapper .page-title{font-size:14px;margin-bottom:10px;text-transform: uppercase;}
body.account.sales-order-view .page-main .page-title-wrapper .page-title{display:none;}
body.account.customer-address-index  .page-main .page-title-wrapper .page-title{display:none}
body.account .block .legend-titles .account-title{font-size:14px;margin-bottom:10px;text-transform: uppercase;display: block;}
body.account .block .legend-titles .account-subtitle,
body.account .block .block-content p{font-size: 13px;margin-bottom:0}
body.account .block .block-title{margin-bottom:10px}
body.account .box-title{font-size: 11px;letter-spacing: 0.5px;border-radius:0;font-weight: 600!important;text-transform: uppercase;border: 1px solid #ddd;background-color: #fbfbfb;}
body.account .box .box-actions .action.edit{font-size: 13px;letter-spacing: 0.3px; color: #444242!important; text-decoration: none; font-weight: 400;}
body.account .box .box-actions .action.edit:hover,
body.account .box .box-actions .action.edit:focus{color:#000;text-decoration: none;}
body.account .box .box-content,
body.account .box .box-actions{border: 1px solid #ddd;border-top:0}
body.account .block .legend-titles .account-subtitle{font-weight: 500;}
body.account .block.block-addresses-default{margin-bottom:40px!important}
body.account .box .box-content, body.account .box .box-content p{line-height: 22px}
body.account .box .box-content .track-link{border-bottom:1px solid}
body.account .box .box-content .track-link:hover{text-decoration: none}

@media (max-width: 1023px){
    body.account .form fieldset > .field {margin-right:0;}
    .account .page-main{padding-top:0}
    .account.sales-order-view .page-title-wrapper {   width: 100%;   float: none;}
    .table-wrapper.additional-addresses .address-item {margin-right: 0;   flex: 1 1 100%;     margin-top: 10px;}
    .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td img{vertical-align:top}
    .account .columns .column.main{padding-bottom:0}
    .account .column.main .order-details-items .table-order-items tbody > tr > td{padding-top:10px}
    .account .column.main .items.order-links{display:flex}
    body.account .sidebar.sidebar-main .block-collapsible-nav .title:after{content:none}
    body.account .sidebar.sidebar-main .block-collapsible-nav .title {margin-bottom:10px}
    body.account .sidebar.sidebar-main .block-collapsible-nav .title strong{margin:0!important}
    body.account .block-collapsible-nav{position:unset}
    .block-collapsible-nav .content{display:block}
}


/* PAGINA DE ORDENES DE PEDIDO .............................................................................................................*/
.account.sales-order-view .page-title-wrapper .custom-order-row{line-height:25px}
.account.sales-order-view .page-title-wrapper .legend {border:none}

body.account .orders-history .table-wrapper.orders-history{padding: 35px 0!important;}
body.account .orders-history .history{margin-top:0}
body.account .orders-history .history .custom-order-info{margin-bottom:20px;border-bottom: 1px solid #cbcbcb;padding-bottom:10px}
body.account .orders-history .history .custom-order-info .actions .action{ position: relative; background: #fff; border: 1px solid #464849!important; letter-spacing: 1px; line-height:35px; height:35px;padding: 0 25px;margin:0 5px 5px 0;display:inline-block;font-size:12px; -webkit-transition: all 0.25s ease;  -moz-transition: all 0.25s ease;  -ms-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
body.account .orders-history .history .custom-order-info .actions .action:hover{ text-decoration:none; border: 1px solid #fff!important;background:#464849; color:#fff; -webkit-transition: all 0.25s ease;  -moz-transition: all 0.25s ease;  -ms-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
body.account .orders-history .legend{ font-size: 16px; text-transform: uppercase;    margin: 0 0 30px; border: 0;}
body.account.newsletter-manage-index .form .legend .account-title,
body.account.sales-order-history .page-title-wrapper{display:none}
body.account .toolbar .limiter .limiter-label,
body.account .toolbar .limiter .limiter-text{font-size:12px}
body.account .toolbar .pages {display: none;}
body.account .toolbar .limiter .limiter-label{font-weight:400!important}
body.account .toolbar .limiter,
body.account .toolbar .toolbar-amount{height:40px;line-height:40px;}


body.account.sales-order-history .custom-order-info{overflow:hidden;border-bottom:1px solid #c9c9c9;padding-bottom:30px;margin-bottom:30px}
body.account.sales-order-history .custom-order-info .actions{float: right;  display: flex;  flex-direction: column;  text-align: center; min-width: 300px;}
body.account.sales-order-history .custom-order-info .custom-order-row{line-height:20px}
body.account.sales-order-history .custom-order-info .custom-order-row .id,
body.account.sales-order-history .custom-order-info .custom-order-row .status{display:inline-block;font-size:15px;margin-bottom:10px}
body.account.sales-order-history .custom-order-info .custom-order-row .date{margin-bottom:10px}
body.account.sales-order-history .custom-order-info .custom-order-row .id{text-transform:uppercase;font-weight:600}
body.account.sales-order-history .custom-order-info .custom-order-row .shipping,
body.account.sales-order-history .custom-order-info .custom-order-row .total{font-size:12px;color:#707070;font-weight:400}
body.account.sales-order-history .custom-order-info .custom-order-row .total .custom-title{display:none}
body.account.sales-order-history .custom-order-info .id .custom-data:after{content:"-";display:inline-block;margin:0 5px}
body.account.sales-order-history [class*=custom-order-] .action span::before {
    position: absolute;  left: 8px;  top: 50%;  margin-top: -8px;}
body.account.sales-order-history [class*=custom-order-] .action:hover span::before { color: #fff;}

.account .table-order-items.history .letsgo{color:#00a880;}
.account .table-order-items.history .warning{color:#f96a00}
.account .table-order-items.history .stop{color:#ff2d41;}

@media (max-width:1023px){
    body.account.sales-order-history .custom-order-info .custom-order-row {    text-align: center;}
    body.account.sales-order-history .custom-order-info .id .custom-data:after {    display: none;}
    body.account.sales-order-history .custom-order-info{display: flex; flex-direction:column ; justify-content: center; align-items: center;}
    body.account.sales-order-history .custom-order-info .actions { order: 2; margin-top: 10px;     min-width: 100%;}
    .account.sales-order-view .page-title-wrapper {   width: 100%;   float: none; padding: 0;}
    .account.sales-order-view .custom-order-row .actions { float:none!important;  text-align: left;   padding: 0;   margin-bottom: 20px; }
}


/* estados de pedido detalle */
.account.sales-order-view .page-main > .page-title-wrapper .page-title { display: none;}
.account.sales-order-view .custom-order-row .actions{float:right}
.account.sales-order-view .custom-order-row .legend{margin-bottom:20px; border-bottom:1px solid #c9c9c9;}
.account.sales-order-view .custom-order-row .legend .custom-title,
.account.sales-order-view .custom-order-row .legend .custom-data{font-weight: 500;font-size: 18px;display:inline-block;padding-bottom:5px;margin:0 0 20px; text-transform: uppercase;}
.account.sales-order-view .custom-order-row .action, .account.sales-order-view .custom-order-row .action:visited {position:relative;  color: #000;border: 1px solid #464849;
    padding: 0 25px 0 33px; display: inline-block;  text-align: center;  margin: 0;   font-size: 12px;  font-weight: 400; text-decoration: none!important;
    transition: 0.3s ease;    -moz-transition: 0.3s ease;    -webkit-transition: 0.3s ease;    -o-transition: 0.3s ease;
    -ms-transition: 0.1s ease; animation: slide 0.1s; -webkit-animation: slide 0.1s; animation-delay: 1s;  -webkit-animation-delay: 1s;}
.account.sales-order-view .custom-order-row .action:hover {  color: #fff; background: #464849; }
.account.sales-order-view .custom-order-row .action:hover span::before  {  color: #fff;  }
.account.sales-order-view .custom-order-row .action span::before {
    content: "\e02e";    font-weight: normal;    font-size: 16px;    color: #000;    font-family: 'simple-line-icons'!important;
    line-height: normal;    vertical-align: middle;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; }
/*.account.sales-order-view .custom-order-row .action.print{display:none}*/

/* botones con iconos */
.account [class*=custom-order-] .action span::before{position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -8px;
    font-weight: normal;
    font-size: 16px;
    color: #000;
    font-family: 'simple-line-icons' !important;
    line-height: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    animation: slide 0.5s;
    -webkit-animation: slide 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;}
.account [class*=custom-order-] .action:before { margin-right: 10px ;
    font-weight: normal;    font-size: 16px;    color: #000;    font-family: 'simple-line-icons'!important;
    line-height: normal;    vertical-align: middle;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;
    transition: 0.5s ease;    -moz-transition: 0.5s ease;    -webkit-transition: 0.5s ease;    -o-transition: 0.5s ease;
    -ms-transition: 0.5s ease; animation: slide 0.5s; -webkit-animation: slide 0.5s;  animation-delay: 1s; -webkit-animation-delay: 1s;}
.account [class*=custom-order-] .action.changereturn span::before {    content: "\e082";  }
.account [class*=custom-order-] .action.reorder span::before {    content: "\e099";  }
.account [class*=custom-order-] .action.print span::before {    content: "\e02e";  }
.account [class*=custom-order-] .action.back span::before {    content: "\e050";   }
.account [class*=custom-order-] .action.banktransfer span::before {    content: "\e093";   }
.account [class*=custom-order-] .action.viewdetails span::before {    content: "\e08b";  }
.account [class*=custom-order-] .action.download span::before {   content: "\e065"; transform: rotate(270deg);   }
.account [class*=custom-order-] .current-status{ padding:10px;margin: 8px 0 25px;border-bottom: 1px solid #ccc;background: #f7f7f7;}
.account [class*=custom-order-] .current-status.multi-package .custom-title,
.account [class*=custom-order-] .current-status.multi-package .custom-data{display:none}
.account [class*=custom-order-] .current-status.one-package .custom-package-legend{display:none}
.account [class*=custom-order-] .current-status .custom-title{font-size: 15px}
.account [class*=custom-order-] .current-status .custom-data { font-weight: 500;font-size: 15px;}


/* status bar */
.account .statuscircle span:after{display:block;font-family:'porto-icons';width: 20px;height: 20px;border-radius: 50%;/* margin: 0 auto 5px; *//* margin-top: -12px; */position: absolute;top: 3px;right: 50%;margin-right: -10px;color: #fff;font-weight: 300;font-size: 13px;}
.account .statusbar-positive .statuscircle span:after{content:''}
.account .statusbar-positive .statuscircle.checked span:after{content:'\f82b'}
.account .statusbar-negative .statuscircle span:after{content:'\f819'}

.account .statuscircle span:before {display:block;content:"";width:20px;height:20px;border-radius:50%;margin:0 auto 5px;margin-top:-12px}
.account .statuscircle span {color:#777}
.account .statusbar-positive,
.account .statusbar-negative{    width: 100%;  position: relative;  min-height: 80px;  margin:20px 0;    display: flex;
    justify-content: space-between;  align-items: center;}
.account .statusbar-negative .statuscircle span:before{background:#333;}
.account .statusbar-negative .statuscircle{width:50%}
.account .statusbar-negative .statuscircle span{font-weight:600;color:#333}
.account .statusbar-negative .statuscircle span:before{border:2px solid #333;background:#333}
.account .statusbar-negative .statuscircle:before {display:block;content:"";width:100%;height:2px;margin-top:10px;background: #333;}

.account .statusbar-positive .statuscircle:before{display:block;content:"";width:100%;height:2px;margin-top:10px;background:#ccc;}
.account .statusbar-positive .statuscircle.checked:before{background:#333;}
.account .statusbar-positive .statuscircle, .account .statusbar-negative .statuscircle{flex: 1 1 auto; text-align:center; position: relative;}
.account .statusbar-positive .statuscircle span:before{border:2px solid #ccc;background:#fff}
.account .statusbar-positive .statuscircle.checked span:before{border:2px solid #333;background:#333}
.account .statusbar-positive .statuscircle.checked span{color:#333;font-weight:600}

@media (max-width:1023px){
    .account.sales-order-view .sidebar-main{margin-top:0}
    .account .statusbar-positive, .account .statusbar-negative { flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .account .statusbar-positive .statuscircle,  .account .statusbar-negative .statuscircle {flex: 1 0 100%;text-align: left;position: relative;padding: 10px 40px;}
    .account .statusbar-positive .statuscircle:before {   content: "";     width: 2px;    height: unset;    margin-top: 0;
        background: #ccc;    position: absolute;    top: 0;   bottom: 0;    left: 15px;     display: flex;    align-items: center; }
    .account .statusbar-negative .statuscircle:before {  content: "";  width: 2px;  height: unset;  margin-top: 0;
        background: #333;  position: absolute;  top: 0;  bottom: 0;  left: 15px;   display: flex;    align-items: center;}
    .account .statusbar-negative .statuscircle span:after {left: 10px;}
    .account .statuscircle span:before {    display: block;   content: "";    width: 20px;    height: 20px;    border-radius: 50%;    margin: -10px auto 5px;
        margin-top: -10px;  left: 4px;  position: absolute;  top: 50%; }
    .account .statuscircle span:after {  display: block;  font-family: 'porto-icons';    width: 20px;    height: 20px;    border-radius: 50%;
        margin: 0 auto 5px;  margin-top: -10px;  position: absolute;    top: 54%;    right: unset;    color: #fff;    font-weight: 300;    font-size: 13px;    left: 9px;    }
    .account.sales-order-view .custom-order-row .action, .account.sales-order-view .custom-order-row .action:visited {     margin: 2px!important;    padding: 0 5px; height:35px;line-height: 35px  }
    .account.sales-order-view .custom-order-row .action span::before {margin-right: 3px}
    .account .statusbar-positive .statuscircle, .account .statusbar-negative .statuscircle{display: flex; align-items: center;}
    .account .statusbar-negative .statuscircle {width: 100%;  }
}


/* tabla de pedido */
.account .order-details-items h4{text-transform: uppercase;font-size:15px}
.account .order-links .nav.item.current{display:none}
.account .order-links .item strong{     display: block;  text-align: left;  font-weight: 500!important;  letter-spacing: 0.5px; background: transparent; border: none;
    margin: 0;  line-height: 1.2;  font-size: 15px!important;  text-transform: uppercase;  color: #000;  padding: 0 0 10px!important; }
.sales-order-view .order-details-items, .order-details-items.invoice{background:#fff; border: 0;}
.account.sales-order-view .order-details-items{padding:0}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td { background-color: transparent!important;}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.image img { max-width:40px; display: block;}
.account .column.main .order-details-items .table-order-items tbody > tr > td{padding:20px 10px}
.account .order-details-items .item-options dd{margin-bottom:15px}
.account .order-details-items .item-options dt,
.account .order-details-items .item-options dd{display:inline-block}
.account .order-details-items .item-options dt + dd{margin-right:20px}
.account .order-details-items .item-options dt,
.account .order-details-items .item-options dd,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td .cart-price .price,
.account .order-details-items .table-order-items .product-item-name,
.account .order-details-items .items-qty .item,
.account .column.main .order-details-items .table-wrapper .data.table td,
.account .column.main .order-details-items tfoot > tr > th,
.account .column.main .order-details-items tfoot > tr > td{font-size:13px;line-height: 20px;vertical-align: middle}
.account .column.main .order-details-items tfoot > tr > th,
.account .column.main .order-details-items tfoot > tr > td{padding: 3px 0}
.account .column.main .order-details-items tfoot > tr.subtotal > th,
.account .column.main .order-details-items tfoot > tr.subtotal > td{padding-top:15px;}
.account .order-details-items .item-options dt{font-weight:600;}
.account .order-details-items .col.price,
.account .order-details-items thead .col.qty{text-align:left}
.account .column.main .order-details-items .table-wrapper.order-items.packages .product-item-name { font-size: 14px; text-transform: uppercase;font-weight: 400 !important;    line-height: 17px;}
.account .column.main .order-details-items .table-order-items .item-options {color: #444;display:none}
.account .form-address-edit .fieldset{width:100%}
.account .order-details-items.ordered .col.image img{max-width:40px}
.account .table-order-items .col.qty{text-align: center}
.account .items-qty{padding:0;margin:0;text-align: center}
.account .items-qty .item{list-style: none}
.account .product.name.product-item-name,
.account dl.item-options{margin:0}
.account dl.item-options dt + dd + dt{margin-left:5px}
.account dl.item-options dt, .account dl.item-options dd{margin:0}
.account dl.item-options dt, .account dl.item-options dd{display:inline-block;}
.account dl.item-options dt + dd dt{display:block;}
.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td{line-height: 30px}
/*
.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td{padding:5px 0;line-height: 30px}
.account .table-wrapper.order-items.packages .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td{padding:0;}
.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).data.table-order-items.history > tbody > tr td{padding:10px 0}
.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr th{padding:10px 0} */
.account .data.table.table-order-items tfoot > tr > th{padding:3px 0}
.account .table-wrapper, .account .table-wrapper .product-item-name{font-size:13px}
.account .table-wrapper .col.image img{border:1px solid #d0d0d0}


@media (min-width: 1024px) {
    .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td {border-bottom:1px solid #ccc}
    .account .table-wrapper.order-items.packages .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr:first-child  td{padding-top:10px;}
    .account .column.main .order-details-items .table-order-items .product-item-name {margin:0}
    .account .product.name.product-item-name,
    .account dl.item-options{margin:0 0 5px}
    .account .form-address-edit .fieldset{margin:0 0 15px;width:100%;display:flex;flex-wrap: wrap;}
    .account .form-address-edit .fieldset .field.field-name-firstname,
    .account .form-address-edit .fieldset .field.field-name-lastname,
    .account .form-address-edit .fieldset .field.taxvat{flex:0 0 49%}
    .account .form-address-edit .fieldset .field.country,
    .account .form-address-edit .fieldset .field.region,
    .account .form-address-edit .fieldset .field.city,
    .account .form-address-edit .fieldset .field.zip{flex:0 0 24%}
    .account .form-address-edit .fieldset .field.field-name-firstname,
    .account .form-address-edit .fieldset .field.taxvat,
    .account .form-address-edit .fieldset .field.region{margin-right:2%}
    .account .form-address-edit .fieldset .field.country,
    .account .form-address-edit .fieldset .field.city{margin-right:1%}
    .account .form-address-edit .fieldset .field.company,
    .account .form-address-edit .fieldset .field.fax{flex:0 0 10%;margin-right:1%}
    .account .form-address-edit .fieldset .field.telephone{flex:0 0 27%}
    .account .form-address-edit .fieldset .field.taxvat + .field.telephone{flex:0 0 49%}
    .account .form-address-edit .fieldset .field.street{flex:0 0 49%;margin-right:2%}
    .account .form-address-edit .fieldset .field.street+.field.street{flex:0 0 10%;margin-right:1%}
    .account .form-address-edit .fieldset .field.street+.field.street+.field.street+.field.street{flex:0 0 27%;margin-right:0}
    .account .form-address-edit .fieldset .field.street .label{min-height: 20px}


    body.country-co.account.street-custom-display .form-address-edit .fieldset .field.country,
    body.country-co.account.street-custom-display .form-address-edit .fieldset .field.region,
    body.country-co.account.street-custom-display .form-address-edit .fieldset .field.city,
    body.country-co.account.street-custom-display .form-address-edit .fieldset .field.zip{flex:0 0 23.5%}
    body.country-co.account.street-custom-display .form-address-edit .fieldset .field.country,
    body.country-co.account.street-custom-display .form-address-edit .fieldset .field.city{margin-right:2%}

}

@media (max-width: 1023px){
    .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td:last-child{border-bottom:1px solid #d0d0d0;padding-bottom:10px}
    .account .column.main .order-details-items .table-wrapper .data.table > tfoot{border:none}
    .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.image img{margin:15px 0 5px}
    .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.name,
    .account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td{padding:1px 0}
    .account .statusbar-positive, .account .statusbar-negative{margin:20px 0;  min-height: 110px;}
    .account .order-details-items .item-options{margin-top:20px}
    .account .order-details-items table > tfoot > tr > th,
    .account .order-details-items table > tfoot > tr > td{padding:5px 9px;font-size:15px}
    .account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td.col.image[data-th]:before{content:none}
    .account .column.main .order-details-items .table-order-items tbody > tr > td{padding-top:10px}
    .account .form-address-edit .fieldset{margin:0 0 15px!important}
    body.account.customer-address-form .form-address-edit .fieldset .field.street.required,
    body.account.customer-address-form .form-address-edit .fieldset .field.street.optional,
    body.account .field.choice{width:100%;display:inline-block}
    body.account.customer-address-form .form-address-edit .fieldset .field.street.required,
    body.account .field.choice{margin:0 0 10px}
    body.account.customer-address-form .form-address-edit .fieldset .field.street.optional + .field.street.optional{width:100%}
}

body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street{flex: 0 0 34%;}
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street+.field.street,
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street+.field.street+.field.street,
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street+.field.street+.field.street+.field.street{flex: 0 0 19%;}
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street+.field.street+.field.street+.field.street{margin-right:2%}
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street-concat{width:49%}
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.street-concat input[type="text"] {border: none;padding: 0;}
body.country-co.account.street-custom-display .form-address-edit .fieldset .field.additional_1{width:100%}

@media (max-width: 639px){
    .account .order-details-items .item-options{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:15px 0 0}
    .table-wrapper.packages .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child{border:none}
}

/* informacion de pedido*/
.block.block-order-details-view .block-content,
.account .column.main .data.table.table-additional-addresses-items.history {display: flex;  justify-content: space-between;  align-items: flex-start;  flex-wrap: wrap;}
.account .column.main .block.block-order-details-view .block-content:not(.widget) .box{ width: unset!important;
    flex: 1 1 49%;  margin: 0;  padding: 10px;}
@media (max-width: 1023px){
    .account .column.main .block.block-order-details-view .block-content:not(.widget) .box{   flex: 1 1 100%; }
    .account .column.main .block.block-order-details-view .block-content:not(.widget) .box .box-content { min-height: unset!important;} .account.customer-address-form .form-address-edit .fieldset {display:flex;flex-wrap:wrap}
    .account.customer-address-form .form-address-edit .fieldset .field.field-name-firstname,
    .account.customer-address-form .form-address-edit .fieldset .field.field-name-lastname,
    .account.customer-address-form .form-address-edit .fieldset .field.taxvat,
    .account.customer-address-form .form-address-edit .fieldset .field.country,
    .account.customer-address-form .form-address-edit .fieldset .field.region,
    .account.customer-address-form .form-address-edit .fieldset .field.city,
    .account.customer-address-form .form-address-edit .fieldset .field.zip{flex:0 0 100%}
    .account.customer-address-form .form-address-edit .fieldset .field.company,
    .account.customer-address-form .form-address-edit .fieldset .field.fax{flex:0 0 23%;margin-right:2%}
    .account.customer-address-form .form-address-edit .fieldset .field.telephone{flex:0 0 50%}
    .account.customer-address-form .form-address-edit .fieldset .field.taxvat + .field.telephone{flex:0 0 100%}
    .account.customer-address-form .form-address-edit .fieldset .field.street+.field.street,
    .account.customer-address-form .form-address-edit .fieldset .field.street+.field.street+.field.street{flex:0 0 20%;margin-right:2%}
    .account.customer-address-form .form-address-edit .fieldset .field.street+.field.street+.field.street+.field.street{flex:0 0 56%;margin-right:0}
    .account.customer-address-form .form-address-edit .fieldset .field.street+.field.street .label{min-height: 34px;}
    .country-ar .modal-popup.modal-slide .modal-inner-wrap .form-shipping-address .field.telephone-field,
    .form-shipping-address .street-field .control .field.street-3-field{flex:0 0 46%}
    .account .form-address-edit input[type="text"]{ padding: 0 8px;}
}

/* LOGIN PAGES ...................................................................................................................*/
.login-container, .form.password.reset, .form.send.confirmation,
.form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage {
    display: block; border: none!important; background: #fff; border-top: none; padding:0; box-shadow: none;}
.login-container .fieldset > .field > .control {        width: auto!important;    }

@media (max-width:1023px){
    .fieldset {    margin: 0 0 30px!important;    padding: 0;}
}
.login-notice {    font-size: 15px;    text-align: center;    margin: 0 0 30px; }
.login-notice  strong {    font-size: 30px;    display: block;    text-align: center;}


/* WHISLIST ......................................................................................... */
.products-grid.wishlist .box-tocart,
.products-grid.wishlist .product-item-actions .action.edit,
.wishlist-index-index .page-main .actions-toolbar .primary .action.tocart.primary{display:none}
.products-grid.wishlist .product-item-actions .btn-remove{color:#000;font-size:12px}
.products-grid.wishlist .product-item-actions .btn-remove:hover{text-decoration: none}
.products-grid.wishlist .product-item-name{text-align: left;min-height:40px;clear: both;}
.products-grid.wishlist .price-box {text-align:left;}
.products-grid.wishlist .price-box .price-container .price{font-size: 11px; font-weight: 500; color: #000; line-height: 20px;}
.products-grid.wishlist .product-item-photo{border:none;padding:0;border-radius:0;margin-bottom:0}
.products-grid.wishlist span.product-image-wrapper{padding-bottom:134%!important}
.products-grid.wishlist .product-item-comment{border:1px solid #ccc;margin:0}
.products-grid.wishlist .product-item-actions{margin:0}
.wishlist-index-index .page-main .wishlist-toolbar{display:none}
.wishlist-index-index .page-main .wishlist-toolbar ~ .form-wishlist-items ~ .wishlist-toolbar{display:block;border-top: 1px solid #e5e5e5;margin-top:30px}
.wishlist-index-index .page-main .wishlist-toolbar .pager {display: flex; width: 100%; justify-content: space-between; align-items: baseline;}
.wishlist-index-index .page-main .wishlist-toolbar .pager .limiter .limiter-label{font-weight:500;font-size:12px}
.wishlist-index-index .page-main .wishlist-toolbar .pager .toolbar-amount .toolbar-number,
.wishlist-index-index .page-main .wishlist-toolbar .pager .limiter .limiter-text{font-size:12px}
.wishlist-index-index .products-grid .product-item{width:25%;margin-left:0!important;padding:0 5px!important}

@media (max-width:1023px){
    .products-grid.wishlist .product-item-actions .action.delete{ float: left;}
    .wishlist-index-index .page-main .wishlist-toolbar ~ .form-wishlist-items ~ .wishlist-toolbar{margin-bottom:40px}
    .wishlist-index-index .products-grid .product-item{width:50%;}
    .products-grid.wishlist .product-item-photo{width:100%}
    .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description,
    .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip{margin-left:0}
    .products-grid.wishlist .product-item{border:none}
}



div[data-appearance="full-bleed"] figure img{width:100%}

.product-item-name {
    text-overflow: ellipsis;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
}



/* SCROLL....................................................................*/
@media (min-width: 1024px) {
    /* width */
    ::-webkit-scrollbar {width: 4px;height: 6px;border-radius: 4px;}
    /* Track */
    ::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.05);border-radius: 4px;}
    /* Handle */
    ::-webkit-scrollbar-thumb {Background:  rgba(0, 0, 0, 0.2);border-radius: 4px;}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.2);border-radius: 4px;}
    /* SCROLL para contenedores */
    /* width */
    .page-wrapper ::-webkit-scrollbar {width:0;height: 2px;border-radius:1px;}
    /* Track */
    .page-wrapper ::-webkit-scrollbar-track {background:transparent;border-radius: 1px;}
    /* Handle */
    .page-wrapper ::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.4);border-radius: 1px;}

    .catalog-product-view ::-webkit-scrollbar {width:0;height:0;border-radius:0}
}


/*
@media (max-width: 1023px) {
/* Hide scrollbar for Chrome, Safari and Opera
::-webkit-scrollbar {      display: none;   }
/* Hide scrollbar for IE, Edge and Firefox
div { -ms-overflow-style: none;  scrollbar-width: none;   }
}
*/





/* slider */
.slideonehome{display:block!important}
.tns-outer {position:relative;margin:0 0 40px}
.tns-outer .tns-inner .tiny-slider{position:relative;display:flex}
.tns-outer button[aria-controls]{padding:0;margin:5px;height:7px;width:7px;border-radius:50%;border:1px solid #000;background:transparent}
.tns-outer button[aria-controls].tns-nav-active{background:#000}
.tns-outer .tns-nav{position:absolute;z-index:1;height:20px;display:block;bottom: 20px; left: initial; right: 60px; text-align: right; width: 40%;}


/* SLIDER TNS controles .........................................................................................*/
.tns-outer [data-action="stop"],
.tns-outer [data-action="start"]{display:none}
.tns-outer .tns-controls [aria-controls]{display:none}

@media (max-width:1023px){
    .tns-outer .tns-nav{right:10px}
}



.price-box{flex-basis: 100%}
.tax-prices-spacer{flex-basis: 100%}
.tax-prices.recommended{margin-top:5px}
.products-grid ol.products .product-item-info .price-box{flex-basis: 100%;flex-wrap: wrap}
.products-grid ol.products .product-item-info .price-box .tax-prices-spacer{flex-basis:unset}
.checkout-index-index span.tax-prices.checkout,
.tax-prices{flex-basis: 100%;font-size:10px;line-height: 15px;color:#9d9d9d;margin:0 0 5px}
.products-grid .product-item-details .price-box .old-price{order:0}
.products-grid .price-box .percent-discount{order:1}
.products-grid .price-box .special-price{order:2}
.products-grid .price-box .frontend-summary-options.installments{order:3}
.products-grid .product-item-info .price-box .tax-prices{order:4;margin-top:3px}

.products.list .product-item .product-item-details .product-item-name{padding: 0 20px;}
.checkout-cart-index .products-grid .product-item-info .price-box .tax-prices.message-desktop{display:none}
.checkout-cart-index .products-grid .product-item-info .price-box .tax-prices.message-mobile{display:block}

@media (min-width: 1024px){
    .tax-prices.desktop,
    .tax-prices.recommended.message-desktop{display:block}
    .tax-prices.mobile,
    .tax-prices.recommended.message-mobile{display:none}
}
@media (max-width: 1023px){
    .tax-prices{font-size:10px}
    .price-box .old-price {display: block;}
    .tax-prices.desktop,
    .tax-prices.recommended.message-desktop{display:none}
    .tax-prices.mobile,
    .tax-prices.recommended.message-mobile{display:block}
}





/* 404 ............................................................................ */
.cms-no-route .page-title-wrapper{text-align: center;}
.cms-no-route .columns{max-width: 800px;margin:0 auto}

/* FAQ ............................................................................ */
body[class*="cms-faq"] #maincontent {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

body[class*="cms-faq"] #maincontent h1 {
    font-size: 24px!important;
    text-align: center;
    text-transform: none;
    margin: 2.5rem 0 6rem 0;
}

body[class*="cms-faq"] .indice {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5rem 0;
    padding: 0;
    list-style: none;
    justify-content: center;
}

body[class*="cms-faq"] .indice .columnas-indice {position: relative;}

body[class*="cms-faq"] .indice [data-content-type="buttons"] {height:0}

body[class*="cms-faq"] .indice .invisible-button a.pagebuilder-button-primary {
    position: absolute;
    width:100%;
    height:100%;
    z-index: 2;
    opacity:0;
    margin: 0;
    top:0
}

body[class*="cms-faq"] .indice li {
    width: 22%;
    display: flex;
    border-bottom: 1px solid #bfbfbf;
    padding: 0 0 1rem 0;
    margin: 0 1rem 2rem 1rem;
}

body[class*="cms-faq"] .indice li a {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 90%;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    opacity: 0.5;
    padding: 0 0 0 -1px;
    margin: 0 0 0 0;
    -webkit-transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -ms-transition: opacity .50s ease-in-out;
    -o-transition: opacity .50s ease-in-out;
    transition: opacity .50s ease-in-out;
}

body[class*="cms-faq"] .indice li a:hover {
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -ms-transition: opacity .50s ease-in-out;
    -o-transition: opacity .50s ease-in-out;
    transition: opacity .50s ease-in-out;
}

body[class*="cms-faq"] .indice li a:before {
    background-size: 50px!important;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    content: "";
    width: 100%;
    height: 96px;
    display: block;
    margin-bottom: 1rem;
}

body[class*="cms-faq"] .accordion {
    list-style: none;
}

body[class*="cms-faq"] .accordion li > button { border: none; background-color: #f5f4f4!important;
    width: 100%; height: auto; text-align: left; border-radius: 0; padding: 0 20px; margin: 0; border-bottom: 1px solid #ccc!important; font-weight: 400;}

body[class*="cms-faq"] .accordion li > button:hover { color: #000000 !important;}
body[class*="cms-faq"] .accordion li > button:focus { color: #000000 !important;}
body[class*="cms-faq"] .accordion__content {padding: 2rem 0 3rem 0;margin: 0;}
body[class*="cms-faq"] h2 {
    font-size: 21px;
    line-height: 22px;
    margin-bottom: 15px;
    text-transform: none;
}

body[class*="cms-faq"] .accordion__content .bloque { padding-bottom: 2rem; border-bottom: solid 1px #e9e9e9;}
body[class*="cms-faq"] .accordion__content .bloque ol {padding: 0;margin: 0; list-style: none;}
body[class*="cms-faq"] .accordion__content  ol li,
body[class*="cms-faq"] .accordion__content  ul li,
body[class*="cms-faq"] .accordion__content  p,
body[class*="cms-faq"] .accordion__content  a {
    font-size: 13px;
    color: #000;
    font-weight: 300;
    margin: 0 0 1rem 0;
    padding: 0;
    line-height: 23px;
}
body[class*="cms-faq"] .accordion__content span{font-weight:600}
body[class*="cms-faq"] .accordion__content a { text-decoration: underline;}

body[class*="cms-faq"] .img-icono-faq {width: 100%!important;height: 38px;display: block;margin: 0;position: relative;}
body[class*="cms-faq"] .columnas-indice{border: 1px solid #bfbfbf;padding:20px 0;}
body[class*="cms-faq"] .columnas-indice p{margin:0;font-size:13px}
body[class*="cms-faq"] .img-icono-faq img {width: 30px;}
body[class*="cms-faq"] .indice{display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;justify-content: center;}
body[class*="cms-faq"] .indice .pagebuilder-column-line{gap:10px;margin-bottom:10px}
.cms-devoluciones #maincontent,
.cms-prune-contact #maincontent,
.amform-body #maincontent{
    width: 100%;
    max-width: 700px;
    margin: 4rem auto 0 auto;
}

@media(max-width:1023px){
    .info-page.acc-container{width:100%;margin-bottom:20px}
    body[class*="cms-faq"] .indice{margin-bottom:20px}
    body[class*="cms-faq"] .indice .pagebuilder-column-line .columnas-indice{flex:0 0 49%}
    body[class*="cms-faq"] .indice .pagebuilder-column-line{gap:2%;margin:0}
    body[class*="cms-faq"] .columnas-indice{margin:0 0 2%}
    .cms-devoluciones #maincontent,
    .cms-prune-contact #maincontent,
    .amform-body #maincontent { width:90%;margin:0 auto}
}

.cms-devoluciones h1,
.cms-prune-contact h1,
.amform-form h2{
    color: #000000;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: initial;
}

.cms-devoluciones .rendered-form .label,
.cms-prune-contact .rendered-form .label{
    text-transform: initial !important;
    margin-bottom: 0.5rem !important;
}




.amform-form .submit.action.primary{
    border: solid 1px #ccc;
    border-radius: 0;
    padding: 0.75rem 1rem !important;
    height: auto;
    max-width: 100%;
    min-height: auto;
    box-shadow: none !important;
    display: block;
    min-width: auto;
    line-height: initial;
    background-color: #292929;
    color: #fff;
    width: auto;
    font-size: 14px;
}
.amform-form input[type="file"] {
    height: auto;width:100%;
    border: solid 1px #cccccc;
    border-radius: 0;
    padding: 1rem !important;
}

.amform-form .rendered-form textarea{
    border: solid 1px #cccccc;
    border-radius: 0;
    padding: 0.75rem 1rem !important;
    height: auto;
    min-height: auto;
    box-shadow: none !important;
}

.amform-form [type="radio"]::after{content: none !important;}
.amform-form .amcform-toolbar{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media(max-width:1023px){
    .amform-form .submit{width:100%;height: 40px; line-height: 40px; padding: 0;}
}




/* PAGINAS ESTATICAS INFORMATIVAS ......................................................................................... */
body:not(.catalog-category-view) > .page-wrapper > .breadcrumbs{display:none!important}
.page-faq,
.info-page {max-width:1280px;margin:0 auto}
.info-page .bloque {margin:50px 0;display:block;}
.info-page .bloque h2:after{content:"";height:1px;width:70px;margin:20px 0;display:block;background:#777}
.page-faq h1,
.info-page h1{ font-weight: 500; text-align:center; color: #000!important;    font-size: 20px;
    line-height: 40px;  margin: 0;   margin-bottom: 45px;   letter-spacing: 0.5px;}
.page-faq p,
.info-page p{font-size:13px;line-height:24px;margin-bottom:20px;}
.page-faq strong, .page-faq b,
.info-page strong, .info-page b{font-weight: 500;}
.info-page .hightlight{padding:20px;margin:0 auto 40px;line-height: 23px;border:1px solid #c3c3c3}
.info-page .hightlight p:last-child{margin-bottom:0}
.page-faq a,
.info-page a{color: #000;}
/* INFO PAGE LISTAS */
.page-faq ul,
.info-page ul {margin:5px 0 30px;padding:0}
.page-faq ul li,
.info-page ul li {list-style:none; font-size:13px;line-height:22px;margin-bottom:15px;display:flex;align-items: center;}
.page-faq ul li:before,
.info-page ul li:before{content: "";  width: 4px;  height: 4px;  display: inline-block;  border-radius: 50%;  background-color: #000;
    margin-right: 10px;  box-sizing: content-box;vertical-align: middle;flex: 0 0 4px;}
/* INFO PAGE TABLAS */
.info-page table { width: auto; margin: 20px auto;}
.info-page table th{ background-color: #f0f0f0; font-weight: bold;}
.info-page table td{ border-bottom: 1px solid  #999; }
.info-page .action.primary{width:fit-content;margin:0 auto;display:block}
.faq-item{margin-bottom:40px}



.acc-container .accordion {
    scroll-margin-top: 5rem;
    cursor: pointer;
    transition: 0.4s;
    padding: 4px 15px;
    background: #f2f2f2;
    border-bottom: 4px solid #ffffff;
}
.acc-container .pagebuilder-button-link{margin:0;padding:5px 0;}
.acc-container .pagebuilder-button-link span,
.acc-container a.pagebuilder-button-link:hover,
.acc-container button.pagebuilder-button-link:hover,
.acc-container div.pagebuilder-button-link:hover{text-decoration: none}
.acc-container [data-content-type='button-item'] [data-element='empty_link']{cursor:pointer}
.acc-container .pagebuilder-column > [data-content-type="text"] h3,
.acc-container [data-content-type="divider"] + [data-content-type="text"] h3{margin-top:0}
.acc-container p {
    font-size: 13px;
    margin: 0 0 1rem 0;
    padding: 0;
    line-height: 23px;
}

.acc-container .accordion .icon {
    position: relative;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.6rem;
}

.acc-container .panel {
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.acc-container .accordion.accActive + .panel{padding:20px}


.acc-container .panel ul {
    margin: 0;
    list-style: circle;
}

.acc-container .panel ul li {
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 1rem 0;
    padding: 0;
    line-height: 23px;
}

.acc-container .panel ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.acc-container .panel ol li {
    font-size: 13px;
    color: #000;
    font-weight: 300;
    margin: 0 0 1rem 0;
    padding: 0;
    line-height: 23px;
}

.acc-container a {
    text-decoration: underline;
}

.acc-container strong {
    font-weight: 600 !important;
}

/*Boton volver atras*/

.btn-back {
    display: table;
    box-sizing: border-box;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 auto 1.5rem auto;
    padding: 0.7rem 1rem 0.5rem 1rem;
    background-color: skyblue;
    color: aliceblue;
}

.btn-back span {
    transform: rotate(-180deg);
    display: inline-block;
    margin-right: 1rem;
}


ul.list-links {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

ul.list-links li {
    padding: 0;
    background-color: brown;
    margin: 0.5rem;
}

ul.list-links li:last-child {
    background-color: skyblue;
}

ul.list-links li a {
    padding: 0.5rem 1rem;
    display: block;
    text-align: center;
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: aliceblue;
}


@media (min-width: 1280px) {
    .page-faq, .info-page{max-width:1280px;}
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .page-faq, .info-page{max-width:90%;}
}

@media (max-width:1023px){
    .page-faq,
    .info-page{width:90%}
    .page-faq ul li,
    .info-page ul li{display: block;}
    .info-page .bloque{width:100%;margin:0 auto}
    .info-page .bloque-unico, .info-page .bloque-doble{width:100%;margin-bottom:90px}
    .info-page .bloque-unico:after, .info-page .bloque-doble:after{content:"";height:1px;width:100px;margin:70px auto 0;display:block;background:#777}
    .info-page .bloque-unico.last:after{content:none}
    .page-faq h1,
    .info-page h1 {font-size: 20px;margin-top:20px}
    .info-page .bloque-doble{display:block}
    .info-page .bloque-doble div{width:100%;padding:0}
    .info-page .bloque-doble div + div{padding:0}
    .info-page .bloque-doble div p{width:100%}
    .info-page .bloque-doble.foto-left img{margin-bottom:20px}
    .info-page .bloque-doble.foto-left div p{margin:0}
    .info-page .bloque-doble.foto-right div p{margin:0 0 20px}
    .pagebuilder-column-line
}





.amform-form .submit.action.primary{
    border: solid 1px #ccc;
    border-radius: 0;
    padding: 0.75rem 1rem !important;
    height: auto;
    max-width: 100%;
    min-height: auto;
    box-shadow: none !important;
    display: block;
    min-width: auto;
    line-height: initial;
    background-color: #292929;
    color: #fff;
    width: auto;
    font-size: 14px;
}
.amform-form input[type="file"] {
    height: auto;width:100%;
    border: solid 1px #cccccc;
    border-radius: 0;
    padding: 1rem !important;
}

.amform-form .rendered-form textarea{
    border: solid 1px #cccccc;
    border-radius: 0;
    padding: 0.75rem 1rem !important;
    height: auto;
    min-height: auto;
    box-shadow: none !important;
}

.amform-form [type="radio"]::after{content: none !important;}
.amform-form .amcform-toolbar{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.amform-form .submit.action.primary{
    display: block;
    min-width: auto;
    height: auto;
    line-height: initial;
    border-radius: unset;
    background-color: #292929;
    border-color: #292929;
    color: #fff;
    width: auto;
    padding: 1rem 3rem;
    font-size: 14px;
}

@media(max-width:1023px){
    .amform-form .submit{width:100%;height: 40px; line-height: 40px; padding: 0;}
}


/* SLICK ................................................................*/
.slick-slider .slick-dots{margin-top: 10px}
.slick-slider .slick-dots li.slick-active button{background:transparent}
.slick-slider{padding:0!important}
.slick-slider .slick-dots li button:before{
    content:"";border-radius:50%;width:6px;height:6px;opacity:1;background: none; border: 1px solid #000;}
.slick-slider .slick-dots li.slick-active button:before{background: #000000;opacity:1}
.slick-slider .slick-dots li button:hover{border:none}


/* SUCCESS / FAILURE ................................................................*/
.checkout-onepage-failure .page-title-wrapper{display: none;}
.checkout-onepage-success .checkout-success,
.checkout-onepage-failure .column.main,
.nps-result-failure .column.main{text-align: center;}
.checkout-onepage-success .checkout-success i,
.checkout-onepage-failure .page-main i,
.nps-result-success .checkout-success i,
.nps-result-failure .page-main i{text-align: center;  font-size: 25px;}
.checkout-onepage-success .checkout-success p,
.checkout-onepage-failure .page-main p,
.nps-result-success .checkout-success p,
.nps-result-failure .page-main p{text-align: center;  font-size: 15px;}
.checkout-onepage-success .checkout-success .actions-toolbar,
.checkout-onepage-failure .page-main .actions-toolbar,
.nps-result-success .checkout-success .actions-toolbar,
.nps-result-failure .page-main .actions-toolbar{display:flex; justify-content:center;  margin: 30px 0;}
.checkout-onepage-success .action.order.btn,
.checkout-onepage-failure .action.order.btn,
.nps-result-success .action.order.btn,
.nps-result-failure .action.order.btn{text-transform:uppercase;text-decoration:none}
.checkout-onepage-success .action.order.btn,
.checkout-onepage-failure .action.order.btn,
.checkout-onepage-failure h2,
.nps-result-success .action.order.btn,
.nps-result-failure .action.order.btn,
.nps-result-failure h2{margin-top:20px}
.checkout-onepage-failure p,
.nps-result-failure p{line-height:22px}
.checkout-onepage-success .page-main,
.checkout-onepage-failure .page-main,
.nps-result-success .page-main,
.nps-result-failure .page-main,
.checkout-onepage-success .columns,
.checkout-onepage-failure .columns,
.nps-result-success .columns,
.nps-result-failure .columns{padding:0!important;margin:0; width:100%;max-width: 100%!important;}
.checkout-onepage-success .column.main,
.checkout-onepage-failure .column.main,
.nps-result-success .column.main,
.nps-result-failure .column.main{background:#f3e6d9!important; width:690px; margin:0 auto; padding:20px; text-align:center;}
.checkout-onepage-success .column.main:before,
.nps-result-success .column.main:before{content:"";width:100px;height:100px;display:block;margin:20px auto 40px;background:url(../img/ico-check.svg) no-repeat;background-size:100px}
.checkout-onepage-failure .column.main:before,
.nps-result-failure .column.main:before{content:"";width:100px;height:100px;display:block;margin:20px auto 40px;background:url(../img/ico-failure.svg) no-repeat;background-size:100px}
.checkout-onepage-success .checkout-success h2,
.nps-result-success h2{font-size:35px!important;margin-top:0;font-weight:500;text-align:center;text-transform:uppercase}
.checkout-onepage-success .checkout-success h3,
.nps-result-success .checkout-success h3{text-transform:uppercase; font-size:19px!important; line-height:26px;font-weight:400;margin:0 0 20px}
.checkout-onepage-success .column.main .button,
.checkout-onepage-success .column.main .button:hover,
.checkout-onepage-success .column.main .button:active,
.checkout-onepage-success .column.main .button:focus,
.nps-result-success .column.main .button,
.nps-result-success .column.main .button:hover,
.nps-result-success .column.main .button:active,
.nps-result-success .column.main .button:focus,
.checkout-onepage-failure .column.main .button,
.checkout-onepage-failure .column.main .button:hover,
.checkout-onepage-failure .column.main .button:active,
.checkout-onepage-failure .column.main .button:focus,
.nps-result-success .column.main .button,
.nps-result-success .column.main .button:hover,
.nps-result-success .column.main .button:active,
.nps-result-success .column.main .button:focus,
.checkout-onepage-success .checkout-success .actions .action.btn,
.nps-result-success .actions .action.btn,
.checkout-onepage-failure .page-main .actions .action.order.btn,
.nps-result-failure .page-main .actions .action.order.btn{background:#fff; border:none; margin:20px 10px;padding: 0 20px; color:#444242;
    height: 40px; line-height: 40px;text-transform: uppercase; font-weight: 500; font-size: 13px; letter-spacing: 0.5px;display: inline-block; }

.checkout-onepage-success .custom-success .mercadopago-payment-success-details{margin-left: auto;margin-right: auto;max-width:300px;}
.checkout-onepage-success .custom-success .mercadopago-payment-success-details .mercadopago-payment-logo{margin:10px auto;display: block}

@media (max-width:1023px){
    .checkout-onepage-success .checkout-success h1,
    .nps-result-success h1{font-size:27px!important}
    .checkout-onepage-success .checkout-success h2,
    .nps-result-success h2{font-size:24px!important}
    .checkout-onepage-success .checkout-success h3,
    .nps-result-success s h3{font-size:18px!important}
    .checkout-onepage-success .column.main .button,
    .checkout-onepage-success .column.main .button:hover,
    .checkout-onepage-success .column.main .button:active,
    .checkout-onepage-success .column.main .button:focus,
    .nps-result-success .column.main .button,
    .nps-result-success .column.main .button:hover,
    .nps-result-success .column.main .button:active,
    .nps-result-success .column.main .button:focus,
    .checkout-onepage-failure .column.main .button,
    .checkout-onepage-failure .column.main .button:hover,
    .checkout-onepage-failure .column.main .button:active,
    .checkout-onepage-failure .column.main .button:focus,
    .checkout-onepage-failure .column.main .button,
    .checkout-onepage-failure .column.main .button:hover,
    .checkout-onepage-failure .column.main .button:active,
    .checkout-onepage-failure .column.main .button:focus,
    .checkout-onepage-success .checkout-success .actions .action.btn,
    .checkout-onepage-success .checkout-success .actions .action.order.btn,
    .nps-result-success .actions .action.btn,
    .nps-result-success .actions .action.order.btn,
    .checkout-onepage-failure .page-main .actions .action.btn,
    .checkout-onepage-failure .page-main .actions .action.order.btn,
    .nps-result-failure .page-main .actions .action.btn,
    .nps-result-failure .page-main .actions .action.order.btn{width: 100%;box-sizing: border-box;margin:10px 0}
    .checkout-onepage-success .custom-success .mercadopago-payment-success-details{max-width:100%}
}



/* PAGINA DE CONTACTO ........................................................................*/
.contact-index-index .page-main .contact-info p { margin-left: 0;  margin-bottom: 0;  font-size: 16px;  line-height: 25px;}
.contact-index-index .page-main .contact-info p b { font-weight: 700;  margin-bottom: 15px;  display: block;  font-size: 18px;}
.cms-contact-form-success .contact-message{margin-right:0}
.cms-contact-form-success .contact-message .familias a{box-sizing: border-box;}


/* PAGINA DE STORE LOCATOR ..................................................................................*/
.amlocator-schedule-table { margin-top: 10px;}
.amlocator-current-location .amlocator-text {  background: #fff!important;  padding: 5px 15px!important;}
.ampickup-store-container .ampickup-field select, .ampickup-store-container .ampickup-field input {padding: 5px 10px!important;  height: inherit;}
.amlocator-main-container .amlocator-map-container .amlocator-block.-filter{display:none}
.amlocator-store-desc .amlocator-title{font-weight:500;font-size:15px;margin-bottom:0}
.amlocator-main-container .amlocator-store-information{font-size:12px;line-height: 18px;}
.amlocator-search-container{background:none;border:1px solid #e7e7e7;padding:20px}
.amlocator-html .whatsapp-store{margin-top:5px}
.amlocator-html .whatsapp-store a,
.amlocator-html .whatsapp-store a:hover{color:#000;text-decoration:none;border-bottom:1px solid #969696; padding:5px 10px 6px 0; line-height: 27px;}
.amlocator-main-container .amlocator-store-desc.-active .whatsapp-store a,
.amlocator-main-container .amlocator-store-desc.-active .whatsapp-store a:hover{color:#fff;border-bottom:1px solid #b8b8b8; }
.amlocator-html .whatsapp-store a:before{content:"";background:url(../img/whatsapp.svg) no-repeat;vertical-align:sub;background-size:20px;width:25px;height:20px;display:inline-block}
.amlocator-info-popup{line-height: 20px;}
.amlocator-block.-map .gm-style .gm-style-iw-c{max-width: 70%;}
.amlocator-main-container .amlocator-map-container .amlocator-block.-storelist.amlocator-store-list{overflow-y: scroll;scrollbar-width: thin}
.amlocator-index-index .amlocator-main-container .amlocator-map-container .amlocator-block.-map{height:100vh}


@media (min-width:1024px) {
    body.amlocator-index-index{padding-top:100px}
    .amlocator-index-index .page-main{padding:0}
    .amlocator-index-index .page-main{max-width:calc(100% - 60px)}
}
@media (max-width:1023px){
    body.amlocator-index-index{padding-top:90px}
    .amlocator-store-list .amlocator-wrapper{max-height: unset;}
    .amlocator-map-container > .amlocator-block{margin-bottom:20px}
    .amlocator-index-index .amlocator-main-container .amlocator-map-container .amlocator-block.-map{height:unset}

}


/* AMFORMS ..........................................................................................*/
body[class*="cms-survey"] { background: #f0f0f0;}
body[class*="cms-survey"] .amform-form {    margin: 0 auto 10px;    max-width: 850px;}
body[class*="cms-survey"] .amform-form .amform-form-fieldset {    background: #fff;
    padding: 30px 50px;        border-radius: 10px;        box-shadow: 0 0 30px rgb(0 0 0 / 10%);    }
body[class*="cms-survey"] .amform-form .form-group > .label {    font-size: 14px!important;
    text-transform: unset!important;    font-weight: 600!important;    color: #000!important;
    display: block!important;    margin: 30px 0 15px!important;}
body[class*="cms-survey"] .amform-form   h3 {        text-align: center;      font-size: 20px;}
body[class*="cms-survey"] .amform-form .form-group .amform-versiontwo-label {  display: inline-block; padding: 0 0 12px 10px;  vertical-align: middle;     word-break: break-word;}
body[class*="cms-survey"] .amform-form  .form-control {    font-size: 14px;color: #555;    display: block;    border: 1px solid #ccc;      box-shadow: 0 0 10px rgb(0 0 0 / 10%)!important;   padding: 5px 10px!important;}
body[class*="cms-survey"] .amform-form .amcform-toolbar { margin: 50px 0 20px;}
body[class*="cms-survey"] .amform-form .amcform-toolbar .action.primary.amcform-submit {height: 40px; line-height: 40px; padding: 0!important;}
body[class*="cms-survey-success"] strong  {font-size: 25px;    text-align: center;    display: block;}
body[class*="cms-survey-success"] strong::before {  display: block;
    font-size: 30px;    color: #000;    font-family: 'simple-line-icons'!important;    speak: none;    content: '\e068';
    text-align: center;    margin: 10px auto;   position: relative;
    animation-name: icon;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;    height: 42px;}
.rendered-form .check-wrapper{display:flex;margin-bottom:5px}
.rendered-form .check-wrapper input{margin-right:2px}

@media (max-width: 1023px) {
    body[class*="cms-survey"] .amform-form .form-group .amform-versiontwo-label { max-width: 80%;}
    body[class*="cms-survey"] .amform-form .amform-form-fieldset {     padding: 20px;  }
}

@keyframes icon {
    from {font-size: 20px; color: #555;}
    to {font-size: 30px; color: #000;}
}


@media (min-width: 1024px) {
    .landing img.pagebuilder-mobile-hidden{display:block}
    .landing img.pagebuilder-mobile-only{display:none}
}
@media (max-width: 1023px) {
    .landing img.pagebuilder-mobile-hidden{display:none}
    .landing img.pagebuilder-mobile-only{display:block}
}





@media (max-width:1023px){
    body.account.sales-order-history .custom-order-info .custom-order-row {    text-align: center;}
    body.account.sales-order-history .custom-order-info .id .custom-data:after {    display: none;}
    body.account.sales-order-history .custom-order-info{display: flex; flex-direction:column ; justify-content: center; align-items: center;}
    body.account.sales-order-history .custom-order-info .actions { order: 2; margin-top: 10px;     min-width: 100%;}
    .account.sales-order-view .page-title-wrapper {   width: 100%;   float: none; padding: 0;}
    .account.sales-order-view .custom-order-row .actions { float:none;  text-align: left;   padding: 0;   margin-bottom: 20px; display: flex; flex-direction: column; }
    body.account .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty{display:flex}
}







/* PRODUCTOS RELACIONADOS  ..................................................................................................... */
.page-main .block.amrelated-grid-wrapper,
.ai-product-recommendations .block.widget .products-grid ol.product-items{margin-bottom:120px}
.page-main .ai-product-recommendations .block.widget{margin:0}
.page-main .ai-product-recommendations .block.widget .products-grid {padding:0;margin:0}
.amrelated-grid-wrapper.block-products-list.grid { background: #fff; position:relative;}
.amrelated-grid-wrapper .owl-carousel .owl-stage-outer{padding:10px 0}
.amrelated-grid-wrapper .owl-carousel .owl-stage{margin:0 auto}
.amrelated-grid-wrapper.widget.block .block-title {margin:0;text-align:center}
.ai-product-recommendations .block-title.title .block-related-heading,
.amrelated-grid-wrapper.widget .block-title strong{font-weight:600!important;font-size:18px;text-align:center}
.ai-product-recommendations .block-title.title {margin:0}
.ai-product-recommendations .block-title.title b,
.ai-product-recommendations .block-title.title b .block-related-heading{display:block}

.amrelated-grid-wrapper .slick-slide .product-item-actions { display: none!important; }
#custom-data-related-products .amrelated-grid-wrapper .slick-slider .slick-arrow{display:block!important}
.amrelated-grid-wrapper .slick-slider{padding:0;}
.ai-product-recommendations .block-content,
.amrelated-grid-wrapper .block-content{margin: 0 -5px;  width: calc(100% + 5px);}
.amrelated-grid-wrapper .products-grid .product-item .product-item-details{text-align: center;padding:0;}
.amrelated-grid-wrapper .products-grid .product-item .product-item-details .price-label{display: none;}
.amrelated-grid-wrapper .products-grid .product-item .product-item-details .product-item-name,
.amrelated-grid-wrapper .products-grid .product-item .product-item-name > a:visited{margin-top: 5px;
    text-decoration: none; font-size: 11px; letter-spacing: 0.5px!important;
    font-weight: 500!important;color: #000;}
.amrelated-grid-wrapper .slick-slide .price-box{margin-top:0}
.product.data.items>.item.title.active>.switch,
.product.data.items>.item.title.active>.switch:focus,
.product.data.items>.item.title.active>.switch:hover{border:0!important}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev,
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{top:50%!important;}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev{left:0}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{right:0}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev:before{font-family: 'porto-icons'; content: "\f806";font-size:20px;color:#000;-webkit-mask-image: none;  mask-image:none;background:none}
[class*=owl-carousel-products-].owl-theme .owl-controls .owl-nav [class*=owl-].owl-next:before{font-family: 'porto-icons'; content: "\f805";font-size:20px;color:#000;-webkit-mask-image: none;  mask-image:none;background:none;transform:none;text-indent:0}
.owl-theme[class*=owl-carousel-product] .owl-controls .owl-nav [class*=owl-]:hover:before,
.owl-theme[class*=owl-carousel-product] .owl-controls .owl-nav [class*=owl-]:hover:after{background:transparent!important}
.amrelated-grid-wrapper .products-grid .product-item-details .product-item-actions{display:none}
.amrelated-grid-wrapper .products-grid .product-item-details .product-item-name{margin:0}
.owl-theme.owl-carousel .owl-controls .owl-dot span{width:6px;height:6px}
.ai-product-recommendations .product-item,
.slick-slider .product-item{padding:0 5px!important}
.owl-theme.owl-carousel .owl-controls .owl-dot span{width:8px;height:8px;border:1px solid #000000}
.owl-theme.owl-carousel .owl-thumbs{padding:0}
.slick-slider .product-image-wrapper{height:unset;padding-bottom:0!important}
.slick-slider .product-image-photo{position:unset}
.slick-slider .product-item-photo{border:none;padding:0;border-radius: 0;}
.slick-slider .price-box{display:flex;gap:0;justify-content: center}
.slick-slider .price-box .old-price{order:0;margin-right:3px}

.ai-product-recommendations .product-item-photo{border:none;border-radius:0;padding:0}
.amrelated-grid-wrapper .slick-dots li, .products-grid .slick-dots li{margin:0}

@media (max-width:1023px){
    .page-main .block.amrelated-grid-wrapper, .ai-product-recommendations .block.widget .products-grid ol.product-items{margin-bottom:0}
    .slick-slider .product-item{padding:0 0 0 5px!important}
    .catalog-product-view .product.media{height:calc(100% - 175px)}
    .stickydetail-layout .gallery.gallery-thumbnails .dynamic-gallery-wrapper .column-single{position:absolute;z-index:0;opacity:0;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
    .stickydetail-layout .gallery.gallery-thumbnails .dynamic-gallery-wrapper .column-single.current{opacity:1;z-index:1;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
    .stickydetail-layout .gallery.gallery-thumbnails{overscroll-behavior: none;}
    .stickydetail-layout .gallery.gallery-thumbnails .dynamic-thumbnails-wrapper{height:80vh;position:fixed;top:0}
    .owl-theme.owl-carousel .owl-controls .owl-dot span{width:8px;height:8px;border:1px solid #000000}
    .amrelated-grid-wrapper .slick-slider .slick-arrow.slick-prev{left:-20px}
    .amrelated-grid-wrapper .slick-slider .slick-arrow.slick-next{right:-20px}
    .amrelated-grid-wrapper .product-options-bottom .price-box,
    .amrelated-grid-wrapper .product-info-price .price-box {   align-items: baseline;justify-content:left}
    .page-main .block.amrelated-grid-wrapper,
    .block.widget.amrelated-grid-wrapper.block-products-list.grid{margin:50px 0 70px}
    .product-options-bottom .amrelated-grid-wrapper .price-box .price-container .price{font-size:11px!important;font-weight: 500;padding:0 3px;    vertical-align: middle;}
}


@media(min-width:1024px) {
    .modo-page-pay #maincontent.page-main{max-width: 1024px!important;margin: 0 auto}
}