/* PROTOTIPO DE AUDITORIA. NO INSTALAR EN PRODUCCION. Datos Chrome Coverage: estados no exhaustivos. */
@media (min-width:992px){.leo-megamenu .navbar-nav>li.parent:hover>a span.menu-title:after,.leo-megamenu .navbar-nav>li.parent:hover>a span.menu-title:before{opacity:1;visibility:visible;transform:translateY(0)}}
.leo-megamenu .navbar-nav>li:focus>a,.leo-megamenu .navbar-nav>li:hover>a{color:#888}
.leo-megamenu .navbar-nav>li:focus>a:before,.leo-megamenu .navbar-nav>li:hover>a:before{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.leo-megamenu .navbar-nav>li:hover>.caret,.leo-megamenu .navbar-nav>li:active>.caret{color:#000}
@media (min-width:992px){.leo-megamenu .dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.leo-megamenu .dropdown:hover>a{color:#000}}
@media (min-width:992px){.popup-over:hover .popup-content{display:block!important;opacity:1;visibility:visible;transform:translateY(0)}}
.block-social li.linkedin a:before{content:""}
.popover{font-family:inherit}
#popnewsletter_content{padding:20px}
body#index #page{overflow-x:hidden}
#blockcart-modal .cart-content p.product-total{padding:5px 10px;margin:0 -10px 1em;background:#f5f5f5}
.page-home .ApImage img{background:#eee}
@media (min-width:992px){.leo-megamenu .navbar-nav>li:hover>.dropdown-menu{pointer-events:auto}}
.hero-dermopiedra img{display:block;width:100%;height:auto;aspect-ratio:1920 / 650}
.dp-benefits-widget{width:100%}
.dp-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;background:#fff}
.dp-benefit{position:relative;text-align:center;padding:28px 18px 24px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dp-benefit:not(:last-child)::after{content:"";position:absolute;top:20%;right:0;width:1px;height:60%;background:#d71920}
.dp-benefit-icon{width:84px;height:84px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:#004b2f}
.dp-benefit-icon svg{width:84px;height:84px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.dp-benefit-years{border:4px solid #d71920;border-left-color:#004b2f;border-bottom-color:#004b2f;border-radius:50%;font-weight:700}
.dp-benefit-years span{font-size:30px;line-height:1;color:#d71920}
.dp-benefit-title{font-size:20px;line-height:1.2;font-weight:700;color:#004b2f;margin-bottom:4px}
.dp-benefit-text{font-size:18px;line-height:1.25;color:#222}
@media (max-width:991px){.dp-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-benefit{min-height:200px}.dp-benefit:nth-child(2)::after{display:none}.dp-benefit:nth-child(-n/**/+2){border-bottom:1px solid #e5e5e5}}
@media (max-width:575px){.dp-benefits{grid-template-columns:1fr}.dp-benefit{min-height:170px;padding:22px 14px;border-bottom:1px solid #e5e5e5}.dp-benefit:last-child{border-bottom:0}.dp-benefit::after{display:none!important}.dp-benefit-icon,.dp-benefit-icon svg{width:72px;height:72px}.dp-benefit-title{font-size:18px}.dp-benefit-text{font-size:16px}}
body#index #back-top.progress-wrap::before{content:"↑"!important;font-family:Arial,sans-serif!important}
.blog-container .blog-meta>span:last-child{margin:0}
.box-latestnews{padding-bottom:40px}
@media (max-width:991px){.box-latestnews{padding-bottom:20px}}
body#index .breadcrumb-bg{display:none}

/* DermoPiedra: estados interactivos del acordeon de pie de pagina (movil).
   Recuperado de la logica de AT Movic/Apollo: la extraccion Coverage
   incluia .collapse pero habia perdido el estado .collapse.in. */
@media (max-width:767px) {
  .footer-container .links.accordion_small_screen .collapse,
  .block-toggler.accordion_small_screen .collapse { display:none; }

  .footer-container .links.accordion_small_screen .collapse.in,
  .footer-container .links.accordion_small_screen .collapse.show,
  .block-toggler.accordion_small_screen .collapse.in,
  .block-toggler.accordion_small_screen .collapse.show { display:block; }

  .footer-container .links.accordion_small_screen .collapsing,
  .block-toggler.accordion_small_screen .collapsing {
    display:block;
    height:0;
    overflow:hidden;
    transition:height .35s ease;
  }
}


/* DP TEST: indicadores del acordeon en el pie de pagina movil.
   Se restituyen las reglas del tema para alternar iconos + y -.
   No altera estados .collapse ni JavaScript. */
@media (max-width:767px) {
  .footer-container .block-toggler .title .collapse-icons .remove,
  .footer-container .links .title .collapse-icons .remove {
    display:none;
  }
  .footer-container .block-toggler .title[aria-expanded="true"] .collapse-icons .add,
  .footer-container .links .title[aria-expanded="true"] .collapse-icons .add {
    display:none;
  }
  .footer-container .block-toggler .title[aria-expanded="true"] .collapse-icons .remove,
  .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {
    display:block;
  }
}


/* DP TEST V3: submenu Leo Megamenu en panel off-canvas estrecho.
   En el CSS original existen reglas de maquetacion a dos columnas
   (.leo-2 ul.col-md-6 { width:50% } y .leo-2 .row { display:flex }).
   En telefono forzamos una unica columna en el panel movil.
   Ambito: solo menú off-canvas, solo ancho <=767px. */
@media (max-width:767px) {
  .off-canvas-nav-megamenu .dropdown-menu .mega-col,
  .off-canvas-nav-megamenu .dropdown-menu .leo-2 ul.col-md-6,
  .off-canvas-nav-megamenu .navbar-nav > li.aligned-fullwidth .mega-col.col-md-3,
  .off-canvas-nav-megamenu .navbar-nav > li.aligned-fullwidth .mega-col.col-md-4 {
    display:block;
    float:none;
    width:100%;
    max-width:100%;
  }
  .off-canvas-nav-megamenu .dropdown-menu .leo-2 .row,
  .off-canvas-nav-megamenu .navbar-nav > li.aligned-fullwidth .row {
    display:block;
  }
  .off-canvas-nav-megamenu .dropdown-menu ul.nav-links,
  .off-canvas-nav-megamenu .dropdown-menu .nav-links {
    padding-left:7px;
  }
  .off-canvas-nav-megamenu .dropdown-menu ul.nav-links > li,
  .off-canvas-nav-megamenu .dropdown-menu .nav-links > li,
  .off-canvas-nav-megamenu .dropdown-menu ul li {
    display:block;
    float:none;
    width:100%;
    line-height:30px;
  }
  .off-canvas-nav-megamenu .dropdown-menu ul.nav-links > li > a,
  .off-canvas-nav-megamenu .dropdown-menu .nav-links > li > a {
    display:block;
    white-space:normal;
  }
}

/* DP TEST V4: jerarquia de Leo en off-canvas.
   La estructura confirmada es dropdown-menu.level1 > ... > ul > li.leo-1
   y, dentro de Antimanchas, dropdown-menu.level2.
   Reinicia margenes de la rejilla Bootstrap, alinea hermanos y da sangria
   SOLO a los nietos. No cambia la visibilidad controlada por JavaScript. */
@media (max-width:767px) {
  .off-canvas-nav-megamenu .dropdown-menu.level1,
  .off-canvas-nav-megamenu .dropdown-menu.level2 {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    float:none;
    left:auto;
    right:auto;
  }
  .off-canvas-nav-megamenu .dropdown-menu.level1 > .dropdown-menu-inner > .row,
  .off-canvas-nav-megamenu .dropdown-menu.level2 > .dropdown-menu-inner > .row {
    display:block;
    margin-left:0;
    margin-right:0;
  }
  .off-canvas-nav-megamenu .dropdown-menu.level1 > .dropdown-menu-inner > .row > .mega-col,
  .off-canvas-nav-megamenu .dropdown-menu.level2 > .dropdown-menu-inner > .row > .mega-col {
    box-sizing:border-box;
    display:block;
    width:100%;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    float:none;
  }
  .off-canvas-nav-megamenu .dropdown-menu.level1 .mega-col > .inner > ul,
  .off-canvas-nav-megamenu .dropdown-menu.level2 .mega-col > .inner > ul {
    padding:0;
    margin:0;
    width:100%;
    list-style:none;
  }
  .off-canvas-nav-megamenu .dropdown-menu.level1 .mega-col > .inner > ul > li {
    display:block;
    float:none;
    width:100%;
    margin:0;
  }
  /* La sangria corresponde al submenu de segundo nivel, no al primer li. */
  .off-canvas-nav-megamenu .dropdown-menu.level1 .dropdown-menu.level2 {
    padding-left:16px;
    padding-right:0;
    margin:0;
    position:relative;
    top:auto;
  }
  .off-canvas-nav-megamenu .dropdown-menu.level1 > .dropdown-menu-inner > .row > .mega-col > .inner > ul > li > a,
  .off-canvas-nav-megamenu .dropdown-menu.level1 > .dropdown-menu-inner > .row > .mega-col > .inner > ul > li > .nav-link {
    display:block;
    margin-left:0;
    padding-left:0;
  }
}

/* V5 — Buscador móvil Leo: mostrar el formulario al activarse el icono. */
@media (max-width: 991px) {
  .box-top #leo_search_block_top.active #leosearchtopbox {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}


/* V6: reglas originales del CSS combinado para modal Bootstrap + Leo Quick Login. */
.fade{opacity:0;transition:opacity .15s linear}
.fade.in{opacity:1}
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}
button.close{padding:0;cursor:pointer;background:#fff0;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid rgb(0 0 0 / .2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.in{opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header::after{content:"";display:table;clear:both}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.5}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer::after{content:"";display:table;clear:both}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media  (min-width:576px){
.modal-dialog{max-width:600px;margin:30px auto}
}
body.modal-open{overflow-x:hidden;overflow-y:auto}
.modal-header{padding:10px}
.leo-form-chk{position:relative}
.leo-form-chk input{margin:0 5px 0 0;vertical-align:-2px}
.lql-social-login{margin:10px 0}
.lql-social-login .btn{width:100%}
.lql-social-login .btn.facebook-login-bt{background:#4267b2}
.lql-social-login .btn.facebook-login-bt:hover{background:#688cd7}
.lql-social-login .btn.google-login-bt{background:#ea4235}
.lql-social-login .btn.google-login-bt:hover{background:#ed5f54}
.lql-social-login .btn.twitter-login-bt{background:#5da9dd}
.lql-social-login .btn.twitter-login-bt:hover{background:#7ab6df}
.leo-quicklogin-modal .modal-body>.lql-social-login:nth-child(1){padding:0 0 20px;border:0;border-bottom:1px dashed #e5e5e5;margin:0 0 20px}
.modal{z-index:9999}
.form-control,div.leo-quicklogin-modal .lql-form-content input{border-color:#D3D3D3}
div.leo-quicklogin-modal .lql-form-content input:focus,.form-control:focus{border-color:#000;box-shadow:0 0 0 .125em rgb(0 0 0 / .25)}
.leo-quicklogin-form h2{font-size:16px}
h2.lql-bt:hover{color:#000}
.lql-form-content .form-group:last-child{margin:0}
.leo-quicklogin-form .leo-form{padding:15px 30px}
.leo-quicklogin-modal .modal-header{padding:0;background:none;border:0}
.leo-quicklogin-modal .modal-header .close{margin-top:0;position:absolute;top:-30px;right:-30px;color:#fff;opacity:1;text-shadow:none;font-weight:400}
@media  (max-width:991px){
.modal-dialog{margin:20px auto}
}
@media  (max-width:767px){
.modal-dialog{margin:20px;max-width:calc(100vw - 40px)}
}
.lql-social-login{margin:30px 0 0;display:flex;flex-wrap:wrap}
.lql-social-login .lql-social-login-title{font-size:13px;font-weight:500;width:100%}
.lql-social-login button.btn{flex:1}
.leo-quicklogin-modal .lql-form-content-element .form-control-label{text-align:left}
.leo-quicklogin-form .lql-bt{font-weight:600;text-transform:capitalize}
.leo-quicklogin-form h3,.leo-quicklogin-form .leo-register-title,.leo-quicklogin-form .title-only{font-weight:500}
.lql-social-login+hr{border:0}
.lql-form-content .lql-form-content-element i.fa.fa-eye-slash{cursor:pointer}
.lql-form-content .lql-form-content-element i.fa.fa-eye-slash:hover{color:#000}
.leo-quicklogin-modal label,.leo-quicklogin-modal .label{font-size:12px;font-weight:400}
.leo-quicklogin-modal .lql-social-login.show-bt-txt{display:block}
.leo-quicklogin-modal .lql-social-login.show-bt-txt .btn{font-size:12px;width:100%}
.leo-quicklogin-modal .lql-social-login.show-bt-txt .btn .fa{position:static;margin:0 10px 0 0!important}
.lql-social-login.show-bt-txt{display:block}
.checkout-step .lql-social-login{padding:0 18px}
.modal-header{padding:20px}
.leo-quicklogin-modal .modal-header{height:200px;background:url(../../img/sing-in.jpg) center no-repeat;background-size:cover}
div.leo-quicklogin-modal .modal-dialog{max-width:500px;overflow:hidden}
.leo-quicklogin-modal .modal-header .close{background:#fff;color:#000;width:40px;height:40px;border-radius:20px;top:10px;right:10px}
.leo-quicklogin-form .lql-action{position:absolute;left:0;right:0;bottom:100%;margin:0 0 50px;border:0;padding:0 40px}
.leo-quicklogin-form{overflow:visible}
body .leo-quicklogin-form .lql-bt{text-transform:uppercase;letter-spacing:1px;color:#666;text-align:left}
.lql-action-bt{text-align:left}
.leo-quicklogin-form .lql-bt.lql-active,.leo-quicklogin-form .lql-bt:hover{color:#000}
.leo-quicklogin-form .leo-form{padding:25px 40px}
.form-control,div.leo-quicklogin-modal .lql-form-content input{border-color:#e5e5e5}
a.leoquicklogin-forgotpass{font-size:12px;text-decoration:underline}
.leo-quicklogin-form h3,.leo-quicklogin-form .leo-register-title,.leo-quicklogin-form .title-only{font-weight:600}
.leo-form.full-width .lql-callregister,.leo-form.full-width .lql-calllogin a{text-decoration:underline}
@media  (max-width:767px){
.leo-quicklogin-modal .modal-header{height:150px}
.leo-quicklogin-form .leo-form{padding:15px 30px}
}
body .leo-quicklogin-form{overflow:visible}
body .lql-action+.leo-form>.h3,body .lql-action+.leo-form+.leo-form>.h3{display:none}
div.leo-quicklogin-modal .lql-form-content input:focus,.form-control:focus{border-color:#ddd;box-shadow:0 0 0 3px rgb(0 0 0 / .1)}
.leo-quicklogin-modal .lql-form-content-element .form-control-label>a{position:relative;z-index:2}
.leo-form{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.leo-quicklogin-form{position:relative;overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;max-width:600px}
.leo-quicklogin-form.html{max-width:100%}
.lql-form-bt{width:100%}
.leo-form.leo-form-inactive{position:absolute;visibility:hidden;opacity:0;top:0}
.leo-login-form.leo-form-inactive{right:0;transform:translateX(-100%);-moz-transform:translateX(-100%));-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%)}
.leo-register-form.leo-form-inactive{left:0;transform:translateX(100%);-moz-transform:translateX(100%));-webkit-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%)}
.leo-form.full-width{width:100%}
.lql-callregister,.lql-calllogin{display:none}
.leo-form.full-width .lql-callregister,.leo-form.full-width .lql-calllogin{display:block}
.leoquicklogin-loading,.leoquicklogin-icon{display:none}
.lql-form-bt .leoquicklogin-icon{margin:0}
.leoquicklogin-cssload-speeding-wheel{width:24px;height:24px;margin:0 auto;border:2px solid #fff;border-radius:50%;border-left-color:#fff0;border-right-color:#fff0;animation:cssload-spin 800ms infinite linear;-o-animation:cssload-spin 800ms infinite linear;-ms-animation:cssload-spin 800ms infinite linear;-webkit-animation:cssload-spin 800ms infinite linear;-moz-animation:cssload-spin 800ms infinite linear}
.lql-form-content input{border:1px solid #fff0}
.lql-form-content .leo-has-error input{border-color:red}
.leo-form-chk.leo-has-error{border:1px solid red}
.lql-form-mesg{display:none;margin:0}
.lql-form-mesg label{text-align:left}
body.leoquicklogin-active-slidebar{overflow:hidden;padding-right:17px}
body.lql_is_gen_rtl.leoquicklogin-active-slidebar{padding-right:0;padding-left:17px}
.leoquicklogin-mask{position:fixed;z-index:100;top:0;left:0;overflow:hidden;width:0;height:0;background-color:#000;opacity:0;transition:opacity 0.8s,width 0s 0.8s,height 0s 0.8s;-webkit-transition:opacity 0.8s,width 0s 0.8s,height 0s 0.8s;-moz-transition:opacity 0.8s,width 0s 0.8s,height 0s 0.8s;-ms-transition:opacity 0.8s,width 0s 0.8s,height 0s 0.8s;-o-transition:opacity 0.8s,width 0s 0.8s,height 0s 0.8s}
.leoquicklogin-mask.active{width:100%;height:100%;opacity:.7;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s}
.leoquicklogin-slidebar-wrapper{max-width:600px;margin:0 auto}
.leoquicklogin-slidebar{z-index:999;position:fixed;background:#fff;padding:20px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;visibility:hidden;display:none}
.leoquicklogin-slidebar.slidebar_left,.leoquicklogin-slidebar.push_slidebar_left{display:block;height:100%;top:0;left:0;transform:translateX(-100%);-moz-transform:translateX(-100%));-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%)}
.leoquicklogin-slidebar.slidebar_right,.leoquicklogin-slidebar.push_slidebar_right{display:block;height:100%;top:0;right:0;transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%)}
.leoquicklogin-slidebar.slidebar_left.active,.leoquicklogin-slidebar.push_slidebar_left.active,.leoquicklogin-slidebar.slidebar_right.active,.leoquicklogin-slidebar.push_slidebar_right.active{visibility:visible;transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
.leoquicklogin-slidebar.slidebar_top,.leoquicklogin-slidebar.push_slidebar_top{display:block;width:100%;top:0;left:0;transform:translateY(-100%);-moz-transform:translateY(-100%));-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%)}
.leoquicklogin-slidebar.slidebar_bottom,.leoquicklogin-slidebar.push_slidebar_bottom{display:block;width:100%;bottom:0;left:0;transform:translateY(100%);-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%)}
.leoquicklogin-slidebar.slidebar_top.active,.leoquicklogin-slidebar.push_slidebar_top.active,.leoquicklogin-slidebar.slidebar_bottom.active,.leoquicklogin-slidebar.push_slidebar_bottom.active{visibility:visible;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0)}
.leoquicklogin-slidebar-top{margin-bottom:10px}
.leoquicklogin-slidebar-top,.leoquicklogin-slidebar-bottom{text-align:right;display:none}
.leoquicklogin-slidebar.push_slidebar_left .leoquicklogin-slidebar-top,.leoquicklogin-slidebar.slidebar_left .leoquicklogin-slidebar-top,.leoquicklogin-slidebar.push_slidebar_right .leoquicklogin-slidebar-top,.leoquicklogin-slidebar.slidebar_right .leoquicklogin-slidebar-top,.leoquicklogin-slidebar.push_slidebar_bottom .leoquicklogin-slidebar-top,.leoquicklogin-slidebar.slidebar_bottom .leoquicklogin-slidebar-top{display:block}
.leoquicklogin-slidebar.push_slidebar_top .leoquicklogin-slidebar-bottom,.leoquicklogin-slidebar.slidebar_top .leoquicklogin-slidebar-bottom{display:block}
.lql-social-login{margin-bottom:10px}
.lql-social-modal-mesg{display:none;text-align:center}
.lql-social-modal-mesg.active{display:block}
.lql-social-modal .modal-dialog{margin:250px auto}
.lql-social-modal-mesg.error-email i,.lql-social-modal-mesg.error-login i{color:#f0ad4e}
.lql-social-modal-mesg.success i{color:#5cb85c}
.lql-social-modal .modal-content{border-radius:0}
.lql-social-modal-mesg.active span{display:block;border-top-color:#414141;border-bottom-color:#414141}
.lql-action-bt{float:left;width:50%;text-align:center}
.lql-action{overflow:auto;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd}
.lql-action.lql-inactive{display:none}
.lql-action.lql-active{display:block}
.lql-bt{color:#ddd;cursor:pointer}
.lql-bt.lql-active{color:#000}
.leo-quicklogin-nav{height:48px;line-height:48px}
.leo-quicklogin-nav i{line-height:normal!important;}
.lql-form-content .lql-form-content-element{position:relative}
.lql-form-content .lql-form-content-element label{display:inline-block}
.lql-form-content .lql-form-content-element .form-control{padding-right:30px}
.lql-form-content .lql-form-content-element .fa-eye-slash,.lql-form-content .lql-form-content-element .fa-eye{position:absolute;line-height:40px;right:0;top:0;width:30px;text-align:center}
.leo-quicklogin-form .g-recaptcha{display:flex;justify-content:center}
.leo-quicklogin-form .lql-register-page-link{display:block;cursor:pointer;text-decoration:none}
.leo-quicklogin-modal{font-size:13px}
.leo-quicklogin-modal h3{font-size:18px;text-transform:capitalize;margin:0 0 20px}
.leo-quicklogin-modal label,.leo-quicklogin-modal .label{font-size:12px}
.leo-quicklogin-modal .modal-footer{padding:0;border-top:0}
@media  (min-width:576px){
.leo-quicklogin-modal .modal-dialog{max-width:360px;margin:60px auto}
}
.leo-quicklogin-modal label.form-control-label{position:relative}
.leo-quicklogin-modal .lql-form-content input{border:1px solid #e5e5e5;background:#fff;outline:0}
.leo-quicklogin-modal .lql-form-content input:before{content:"";position:absolute;top:0;left:0;bottom:0;cursor:pointer;z-index:2;right:0}
.leo-quicklogin-modal .lql-form-content input:focus{border-color:#999}
.leo-quicklogin-modal .lql-form-content-element>div:first-child{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center}
.leo-quicklogin-modal .lql-form-content-element .form-control-label{padding:0 5px;margin:0}
.leo-quicklogin-modal .lql-social-login{margin:0;padding:20px 15px 10px;border-top:1px dashed #e5e5e5}
.leo-quicklogin-modal .lql-social-login .btn{font-size:0;margin:0 2px 2px 0;width:40px;height:40px;padding:0;text-align:center;line-height:40px;position:relative}
.rtl .leo-quicklogin-modal .lql-social-login .btn{margin:0 0 2px 2px}
.leo-quicklogin-modal .lql-social-login .btn.facebook-login-bt{background:#2d4486}
.leo-quicklogin-modal .lql-social-login .btn.facebook-login-bt:hover{background:#FFF;border:1px solid #2d4486;color:#2d4486}
.leo-quicklogin-modal .lql-social-login .btn.google-login-bt{background:#de332c}
.leo-quicklogin-modal .lql-social-login .btn.google-login-bt:hover{background:#FFF;border:1px solid #de332c;color:#de332c}
.leo-quicklogin-modal .lql-social-login .btn.twitter-login-bt{background:#33add6}
.leo-quicklogin-modal .lql-social-login .btn.twitter-login-bt:hover{background:#FFF;border:1px solid #33add6;color:#33add6}
.leo-quicklogin-modal .lql-social-login .btn .fa{font-size:14px;margin:auto!important;position:absolute;top:0;left:0;right:0;bottom:0;line-height:40px}
.ApQuicklogin>a{height:45px;line-height:45px;display:inline-block;font-size:12px;padding:0 15px;min-width:40px}
.ApQuicklogin>a i{font-size:24px;vertical-align:-5px}
body#index a[href*="/selector-tecnico"],.pcf-shell .pcf-submit,#login-form button[type="submit"],#login-form .form-control-submit,#customer-form button[type="submit"],#customer-form .form-control-submit,.leo-quicklogin-modal button[type="submit"],.leo-quicklogin-modal .form-control-submit{background:#eeeeee!important;border-color:#eeeeee!important;color:#777!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}
body#index a[href*="/selector-tecnico"]:hover,body#index a[href*="/selector-tecnico"]:focus,.pcf-shell .pcf-submit:hover,.pcf-shell .pcf-submit:focus,#login-form button[type="submit"]:hover,#login-form button[type="submit"]:focus,#login-form .form-control-submit:hover,#login-form .form-control-submit:focus,#customer-form button[type="submit"]:hover,#customer-form button[type="submit"]:focus,#customer-form .form-control-submit:hover,#customer-form .form-control-submit:focus,.leo-quicklogin-modal button[type="submit"]:hover,.leo-quicklogin-modal button[type="submit"]:focus,.leo-quicklogin-modal .form-control-submit:hover,.leo-quicklogin-modal .form-control-submit:focus{background:#ed1717!important;border-color:#ed1717!important;color:#fff!important}
body#index a[href*="/selector-tecnico"] *,.pcf-shell .pcf-submit *,#login-form button[type="submit"] *,#login-form .form-control-submit *,#customer-form button[type="submit"] *,#customer-form .form-control-submit *,.leo-quicklogin-modal button[type="submit"] *,.leo-quicklogin-modal .form-control-submit *{color:inherit!important}
.modal-content{border:0;border-radius:5px}
.modal-open{padding-right:0!important;padding-left:0!important;overflow:auto}
.modal-header .close{margin-top:0}
.ApQuicklogin{white-space:nowrap;padding:0 10px}
.ApQuicklogin>a{position:relative;vertical-align:top;height:80px;line-height:80px;text-transform:uppercase;font-size:11px}
.ApQuicklogin>a span{display:block!important}
@media  (max-width:767px){
.ApQuicklogin>a span{display:none!important}
}
.ApQuicklogin>a:before{content:"";width:12px;height:1px;background:#999;position:absolute;top:50%;right:-6px}
.rtl .ApQuicklogin>a:before{left:-6px;right:auto}
.ApQuicklogin>a i{display:none}
@media  (max-width:767px){
.ApQuicklogin>a i{display:inline-block}
}
.leo-quicklogin-modal h3{font-size:13px;margin:10px 0 15px}
.leo-quicklogin-modal .lql-social-login .btn{border:1px solid}
.leoquicklogin-cssload-speeding-wheel{width:20px;height:20px}
div.leo-form.leo-form-inactive{top:50px}

/* V7: estado inicial del formulario de recuperación de Leo Quick Login.
   El JS puede activar el formulario mediante display inline. */
.leo-quicklogin-modal .leo-resetpass-form:not(.active){display:none}

/* V8: título de inicio de sesión en la cabecera gráfica (solo modal Leo). */
@media (max-width:767px){
 .leo-quicklogin-modal .leo-quicklogin-form .leo-login-title{position:absolute;bottom:calc(100% + 32px);left:0;right:0;z-index:2;margin:0;text-align:center;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#111;pointer-events:none}
}

/* V9: ocultar solo la etiqueta de tipo de cliente en el titulo del modal. */
.leo-quicklogin-modal .leo-login-title .title-both{display:none!important}


.leo-quicklogin-modal .modal-header {
    background-position: left center;
}


/* DermoPiedra: eliminar producto junto a su imagen */
@media (max-width: 767px) {
  .leo-dropdown-cart-item {
    position: relative;
  }

  .leo-dropdown-cart-item .leo-remove-from-cart {
    position: absolute;
    left: calc(30% - 12px);
    top: 65px;
    right: auto;
    bottom: auto;
    z-index: 10;

    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    color: #d32f2f;
    border: 1px solid #ddd;
    border-radius: 50%;
  }
}

/* Scroll del carrito: administrado por mCustomScrollbar (reglas originales siguientes). */

/* DermoPiedra: CSS original esencial de malihu mCustomScrollbar, extraído de leofeature.zip.
   Para el desplegable vertical del carrito. No modifica JavaScript ni custom.css. */
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		/* direction: ltr; */
		direction: ltr !important; /*DONGND: fix for theme base RTL*/
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ 
		/* margin-right: 30px;  */
		margin-right: 12px;
	}

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 12px;
		/* margin-left: 30px; */
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 12px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

/* Aspecto original del rail y deslizador: tema dark usado por Leo */
.mCSB_scrollTools .mCSB_draggerRail {width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width: 12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width: 8px;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail {background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #000; background-color: rgba(0,0,0,0.15);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #000; background-color: rgba(0,0,0,0.75);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgba(0,0,0,0.85);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: rgba(0,0,0,0.9);}



/* DermoPiedra cligasat.com - restauracion CSS notificaciones Leo Feature. Solo pruebas. */
/********* notification BEGIN *********/
.leo-notification
{
	display: none;
	position: fixed;
	/*
	top: 10%;
	right: 10px;
	
	width: 320px;
	*/
}
.leo-notification.active
{
	display: block;
	z-index: 99999;
}
.leo-notification .notification-wrapper{
	width: 100%;
	/* overflow: hidden;	 */
	/* background: #ecf0f1; */
	/* border-bottom: 1px solid #95a5a6; */
	/*margin-bottom: 5px;*/
	max-height: 100px;
}
.leo-notification .notification-wrapper.disable{
	max-height: 0;
	/* margin-bottom: 0; */
	transition: all 0.7s;
	 -webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;

}
.safari-win .notification{
	display: none;
}
.notification{
	position: relative;
	padding: 10px 15px;
	text-align: center;
	width: 100%;
	/* height: 40px; */
	/* border-radius: 0px 0px 5px 5px; */
	margin: 0 auto;
	/* box-shadow: #95a5a6 0px 0px 6px 2px; */
	color: white;
	/* line-height: 40px; */
	line-height: 25px;
	/* overflow: hidden; */
	/* animation: reveal 1 2s; */
	cursor: pointer;
	visibility: hidden;
	z-index: -1;
	opacity: 0;
	transform: translate(0px, -50px);
	 -moz-transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	-o-transform: translate(0px, -50px);
	-ms-transform: translate(0px, -50px);
	border-bottom: 2px solid #fff;
	
}
.safari-win .notification.show
{
	display: block;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.notification.show{
	transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);

	transition: 0.7s;
	 -webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
	visibility: visible;
	z-index: 99999;
	opacity: 1;
}
.notification .notification-title{
	margin-right: 15px;
	padding: 0px 15px;
	/* line-height: 40px; */
	line-height: 30px;
	display: inline-block;
}

.notification .notification-close{
	background: rgba(255,255,255,0.2);
	/* background: rgba(0,0,0,0.2); */
	/* padding: 0px 15px; */
	padding: 0px 10px;
	float: right;
	/* line-height: 40px; */
	line-height: 20px;
	display: inline-block;
	color: white;
	/* color: #000; */
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.notification .notification-close:hover{
  cursor: pointer;
}

.safari-win .notification.closed
{
	display: none;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.notification.closed{
	transform: translate(0px, -50px);
	 -moz-transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	-o-transform: translate(0px, -50px);
	-ms-transform: translate(0px, -50px);
	transition: 0.7s;
	 -webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
	visibility: hidden;
	z-index: -1;
	opacity: 0;
}

.leo-temp
{
	display: none;
}

.notification.notification-success{
	/* background: #2ecc71; */
	background: rgba(46, 204, 113,0.8);
}
.notification.notification-success .notification-title{
	background: #27ae60;
}

.notification.notification-error{
	/* background: #e74c3c; */
	background: rgba(231, 76, 60, 0.8);
}
.notification.notification-error .notification-title{
	background: #c0392b;
}

.notification.notification-warning{
	/* background: #f1c40f; */
	background: rgba(241, 196, 15, 0.8);
}
.notification.notification-warning .notification-title{
	background: #f39c12;
}

.notification.notification-normal{
	/* background: #3498db; */
	background: rgba(52, 152, 219, 0.8);
}
.notification.notification-normal .notification-title{
	background: #2980b9;
}

.notification .noti
{
	display: none;
}
.notification .noti.active
{
	display: block;
}
.notification-success .noti-special
{
	text-transform: capitalize;
}

/********* notification END*********/

/* DermoPiedra V13 - Reservar espacio de imagen Selector Técnico */
.dp-selector-image img.img-fluid {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
}