*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }

a[href^="tel:"] { color: inherit; text-decoration: inherit; }
html.loading * { cursor: wait; }

html{
    font-family:var(--font1);
    color: var(--font-color);
    font-size: var(--font-size);
    line-height: var(--line-height);
}
body {min-width: 300px;max-width: 100%;overflow-x: hidden;outline: none;}
a { color: var(--primary) }
b, strong{ font-weight: var(--bold1);}

/* overlays */
.overlay { position: fixed; width: 100%; height: 100%; opacity: 0; z-index: 6; left: 0; top: 0; }
.overlay .cart-overlay {}
.overlay .login-overlay {}

/* capas de reemplazo para cookies */
div[data-tpc="rpl"]{background:#f5f5f5;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;font-size:120%;color:#333; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
div[data-tpc="rpl"] span{display:block;padding:16px;border:2px dashed #ccc;}

.fbBox.dvBanner div[data-tpc="rpl"] { display: none; }

/*menu horizontal resultados (RES_FILTRO_subCatsMode) & menu*/
:root {
   
}

nav.menu-horizontal {
    visibility: hidden;
    z-index: 3;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    line-height: var(--menu-height);
    background: var(--menu-bg);
    position: relative;
}

.kh {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    z-index: 3;
    scrollbar-width: none;
}

.kh, .khsub ul, .kh li, .kbsub li {
    list-style: none;
}

.khsub ul ul {
    padding: 0 0 0 8px;
}

.kh::-webkit-scrollbar {
    display: none;
}

.kh > li {
    margin: 0 8px;
    padding: 0 8px;
}

.kh > li.ellipsis > p {
    display: flex;
    align-items: center;
}

.kh > li.ellipsis > p > a {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.kh > li.opened {
    background: rgba(0, 0, 0, 0.05);
}

.kh > li a {
    color: inherit;
    font-size: 16px;
    text-decoration: none;
}

.kh ul, .khsub ul {
    display: none;
    background: #fff;
    padding: 16px;
    white-space: nowrap;

}

.khsub {
    z-index: 10;
    position: absolute;
    left: 0;
    min-width: 100px;
    display: none;
}

.khsub.visible {
    display: block;
}

.khsub > ul {
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0 4px 4px 4px;
}

.khsub li {
    line-height: var(--menu-height);
    border-top: 1px solid #eee;
    overflow: hidden;
}

.khsub li:first-child {
    border: 0;
}

.khsub li p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0;
}

.khsub > ul p a { color: inherit; text-decoration: none; display: block; width: 100%;  }
.khsub > ul p a:hover {text-decoration: underline; }

.kh .openclose, .khsub .openclose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.05);
    border-radius: var(--radius1);
    margin-left: 6px;
}

.khsub > ul li.has-children.opened ul { margin: 0 0 12px; background: rgba(0,0,0,0.05); }

.openclose:before { 
    content:"\f0d7";
    font-weight: 900; font-family: "Font Awesome 6 Pro";
}

.opened > p .openclose:before {
    content: "\f0d8"
}

.khsub .visible {
    display: block;
}

.menu-horizontal .arrow {
    color: currentColor;
    cursor: pointer;
    padding: 0 16px;
    line-height: var(--menu-height);
    opacity: 1;
    z-index: 4;
    transition: all 300ms ease;
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 20px;
}

.menu-horizontal .arrow.arrow-left {
    background: linear-gradient(to right, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
    left: 0;
    padding-right: 40px;
}

.menu-horizontal .arrow.arrow-right {
    background: linear-gradient(to left, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
    right: 0;
    padding-left: 40px;
}

.menu-horizontal .arrow i {
}


.menu-horizontal .arrow.arrow-left.scroll-0,
.menu-horizontal .arrow.arrow-right.scroll-100 {
    opacity: 0;
    z-index: -1;
}

.kh li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(1.4) rotate(-20deg); opacity: .6; margin-left:8px;}

/*#########################
###### M O D A L E S ######
###########################*/
#msjSuperior { padding: 8px; background-color: #333; color:#fff; }
#msjSuperior .msjSuperiorCont { margin: 0 auto; max-width: var(--max-width); display: flex; align-items: center; justify-content: center;}
#msjSuperior .msjSuperiorCont a{ display: block; width: 100%; color: inherit; text-decoration: none; text-align: center; line-height: 120%; margin-left: 40px;}
#msjSuperior .msjSuperiorCont p{ margin:0;}
#msjSuperior .msjSuperiorCont i { flex-shrink: 0; cursor: pointer; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; }

.SimpleModal { display: none; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; margin: 0 auto; align-items: center; padding: 8px; }
.SimpleModal .bg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; background: black; opacity: .8; }
.SimpleModal .wrap { max-height: 92vh; max-width: 1024px; padding: 20px; background: white; text-align: center; border-radius: var(--radius1); box-shadow: 0 0 30px rgba(0,0,0,.5); overflow-y: auto; }
.SimpleModal .wrap.half { max-width: 512px; }
.SimpleModal .wrap img { max-width: 100%; }
.SimpleModal.dialog-modal .dialog { display: flex; align-items: center; justify-content: center; margin: 16px 0; }
.SimpleModal.dialog-modal .icon { font-size: 28px;margin-right: 8px; }
.SimpleModal.dialog-modal .icon-alert {color: orange;}
.SimpleModal.dialog-modal .icon-confirm { color: gray; }
.SimpleModal.dialog-modal .icon-info { color: #2185d0; }
.SimpleModal.dialog-modal .icon-error { color: #d01919; }
.SimpleModal.dialog-modal .icon-loading { color: #ccc; }
.SimpleModal.dialog-modal .dialog .text { align-self: center; }
.SimpleModal .btncnt {  margin-top: 12px; display: flex; justify-content: space-around; flex-wrap: nowrap;}
.SimpleModal .btncnt .btn {margin: 0 8px;padding: 8px 16px;border-radius:  4px;text-decoration:  none; cursor: pointer; }
.SimpleModal .btncnt .btn.btnAceptar { background-color: #333; color: white; }
.SimpleModal .btncnt .btn.btnVolver { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1);  padding: 7px 15px;}
.SimpleModal .btncnt .btn.btnVolver:before {content: "\f104"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 10px; }
.SimpleModal .content > .title { font-size: 24px; line-height: 28px; font-weight: var(--bold1); margin: 0 0 12px; }
.SimpleModal .title { font-size: 18px; margin: 0 0 8px; }

.SimpleModal .login-register {  }
.SimpleModal .login-register input[type="email"],
.SimpleModal .login-register input[type="password"] {border: 0;background: #fff; border: 2px solid #eee; border-radius: var(--radius1);margin: 0 0 8px;padding: 8px 8px;width: 100%;}

.SimpleModal.LoginRegister-modal .wrap { width: 100%; max-width: 420px; position: relative; padding: 48px 20px 20px;}
.SimpleModal.LoginRegister-modal .btncnt { position: absolute; top: -16px; right: 0; }
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver { border-radius: 0 0 4px 4px; }
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before { display: none; }
.SimpleModal .login-register input[type="button"], .SimpleModal .login-register input[type="submit"], .SimpleModal .anon button, .SimpleModal .login-register #lnkBtnReg{background-color: #333;color: #fff;/* margin-bottom: 8px; */border: 0;padding: 6px 20px;border-radius: var(--radius1);font-size: 14px;line-height: 18px;border: 2px solid #333;text-decoration:  none;display:  inline-block;width:  100%; max-width: 160px; font-weight:  bold; margin: 0; }
.SimpleModal .login-register #lnkBtnReg{ }
.SimpleModal .login-register a{color: inherit;font-size:  14px;line-height:  16px;margin-bottom: 8px;display:  inline-block;}
.SimpleModal .login-register .spnLogError { display: none; color: #d01919; }
.SimpleModal .login-register .usuario-registrado { padding: 12px; background: #fff; margin: 0; border-radius: 8px 8px 0 0; border: 4px solid #e0e0e0; }
.SimpleModal .login-register .usuario-no-registrado {padding: 12px; background: #e0e0e0; margin: 0 0 12px; border-radius: 0 0 8px 8px;}
.SimpleModal .login-register .usuario-no-registrado > p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; }
.SimpleModal .anon {padding: 12px;margin: 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%);background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );}
.SimpleModal .anon p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; }

/*CUPONES*/
.SimpleModal.modal-mcd { }
.SimpleModal.modal-mcd .wrap{position: relative;padding: 32px 20px 20px;max-width: 800px;background: transparent;box-shadow: none;}
.SimpleModal.modal-mcd .wrap .content{}
.SimpleModal.modal-mcd .icon-info {margin-right:0; margin-bottom:20px; font-size:40px; display: none;}
.SimpleModal.modal-mcd .btncnt {position: absolute;top: -12px;right: 0;}
.SimpleModal.modal-mcd .btncnt .btn {background-color: rgba(0,0,0,0.5);color: #fff;border: 2px solid;width: 32px;height: 32px;border-radius: 20px;text-transform: uppercase;font-size: 12px;/* line-height: 100%; */padding: 0;display: flex;align-items: center;justify-content: center;}
.SimpleModal.modal-mcd .btncnt .btn span { display: none; }
.SimpleModal.modal-mcd .btncnt .btn:after {content: "\f00d";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 16px; }
.SimpleModal.modal-mcd .dvBanner {background: transparent;padding: 0;}
.SimpleModal.modal-mcd .cuponInfoCont {padding: 0;display: flex;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {background: #fff;display: flex;align-items:center;width: 50%;/* flex: 1; */padding: 20px;flex-direction: column;justify-content: center;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child {width: 100%;min-height: 200px;padding: 20px;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre{font-size: 24px;line-height: 32px;font-weight: var(--bold1);text-transform: uppercase;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a {text-decoration: none; color: inherit;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { padding: 4px 8px; border: 1px dashed rgba(0,0,0,0.5); margin-top: 8px; display: inline-block; border-radius: 8px;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre){ max-height: 80px; overflow: hidden;}
.SimpleModal.modal-mcd .cuponInfoCont .img{width: 50%;flex: 1;background: #fff;}
.SimpleModal.modal-mcd .cuponInfoCont img { display: block; }
.SimpleModal.modal-mcd .title {margin-bottom: 20px;font-size: 28px;line-height: 140%;font-weight: var(--bold1);color: #fff;}
.SimpleModal.modal-mcd .dialog {flex-direction:column;}
.SimpleModal.modal-mcd .dialog .text {width:100%}
.SimpleModal.modal-mcd .slideCuponesCont {max-width:100%; position: relative;}
.SimpleModal.modal-mcd .slideCuponesCont .swiper-slide {width: 100% !important;background: transparent;}
/*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/
.SimpleModal.modal-mcd .slideCuponesCont .btnInfo { display: none;}
.SimpleModal.modal-mcd .btnPromo { margin-top: 16px;}
.SimpleModal.modal-mcd .btnPromo a {display: inline-flex;/* background-color: #007aff; */color: #fff;padding: 7px 15px;border-radius: 4px;text-decoration: none;border: 2px solid;background-color: rgba(0,0,0,0.5);text-transform: uppercase;font-weight: var(--bold1);align-items: center;}
.SimpleModal.modal-mcd .btnPromo a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 8px;font-size: 16px; }
.SimpleModal.modal-mcd .swiper-container {padding-bottom: 0;}
.SimpleModal.modal-mcd .swiper-wrapper { align-items: center; }

.SimpleModal.modal-mcd .swiper-button-prev {left: -8px;}
.SimpleModal.modal-mcd .swiper-button-next {right: -8px;}
.SimpleModal.modal-mcd .swiper-button-prev, .SimpleModal.modal-mcd .swiper-button-next {transform: translateY(-50%);color: #fff;font-size: 30px;width: 40px;margin: 0; background:none; display:none;}
.SimpleModal.modal-mcd .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {/* background: rgba(0,0,0,0.5); */border-radius:12px;bottom: 4px;right: initial;height: 20px;left: 50%; margin: 0 auto; line-height:100%;}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet { background: #666; opacity: 1; vertical-align:  bottom; }
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active {background: #111;opacity: 1;}

.swiper-container-horizontal .swiper-pagination-bullet { vertical-align: bottom; }

.socialShare { display: flex; align-items: center; margin: 0 0 12px; padding: 4px; border-bottom: 1px solid rgba(0,0,0,0.05); justify-content: flex-end; flex-flow: row wrap; }
.socialShare > div > div{margin: 2px 4px;}
.socialShare > span{margin-right: 4px; text-transform: uppercase; font-size: 12px; font-weight: var(--bold1); color: #666;}
.socialShare > div {display: flex;align-items: center}

.socialShare > div > div > a , .socialShare > div > div > span{ display: flex; align-items: center; color: #fff; font: normal 18px/20px Arial; text-decoration:none; padding: 0; height: 20px; border-radius: 3px; opacity: .75; cursor: pointer;}
.socialShare > div > div > a:before{ font-family: "Font Awesome 5 Brands"; }
.socialShare > div > div > span:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; }

.socialShare > div > div > a:hover, .socialShare > div > div > span:hover { opacity: 1; }

.socialShare .sstw{}
.socialShare .sstw a {color: #1da1f2;}
.socialShare .sstw a:before{content:"\f099";}

.socialShare .ssfb{ }
.socialShare .ssfb a { color: #3b5998;}
.socialShare .ssfb a:before{content:"\f09a";}

.socialShare .sswa span{ }
.socialShare .sswa a { color: #25d366;}
.socialShare .sswa a:before{content:"\f232";}

.socialShare .sspi span{ display: block; }
.socialShare .sspi a { color: #bd081c;}
.socialShare .sspi a:before{content:"\f0d2";}

.socialShare .ssgp span{ display: block; }
.socialShare .ssgp a { color: #dd4b39;}
.socialShare .ssgp a:before{content:"\f2b3";}

.socialShare .ssco span { color: #333; position: relative;}
.socialShare .ssco span:before{content:"\f328";}
.socialShare .ssco.copied span { opacity: 1; }
.socialShare .ssco.copied span:before{content:"\f46c"; color: #3c763d;}
.socialShare .ssco.copied span:after { content:"copiado"; position: absolute; top: 100%; right: -8px; background: #DFF0D8; color: #3c763d; padding: 4px 8px; margin-top: 4px; margin-top: 2px; border-radius: var(--radius1); font: normal 10px/12px Arial;}
.socialShare .ssco.not-copied span:before{ color: #a94442;}
.socialShare .ssco.not-copied span:after { content:"no copiado"; position: absolute; top: 50%; left: 100%; transform: translateX(-100%); background: #F2DEDE; color: #a94442; padding: 4px 8px; margin-right: 4px; border-radius: var(--radius1); font: normal 10px/12px Arial;}




/*#########################
##### M E N S A J E S #####
###########################*/
.msgBox {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #fff9c4;border: 1px solid #e2dca7;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;}
.msgBox:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#spnAprtEnvFactCampOblig { text-align: right; font-size: 12px; color: #999; display: block;line-height: 16px; }
.field-validation-error {font-size: 90%;line-height: 140%;margin: 8px 0 0;opacity: .8;padding: 8px 12px;background: #fff6f6;border: 1px solid #e0b4b4;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;margin: 8px 0;color: #912d2b;}
.field-validation-error:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }

.msgBoxTip {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;}
.msgBoxTip:before {content: "\f0c0";font-family: "Font Awesome 6 Pro";font-weight: 900;margin: 0 12px 0 0;font-size: 30px;line-height: 120%;align-self: center;}

/********
GoToTop
*********/
#goToTop {display: none;position: fixed;bottom: 8px;right: 8px;z-index: 9;width: 40px;height: 40px;cursor: pointer;background: rgba(0,0,0,0.4);justify-content: center;align-items: center;color: white;border-radius: var(--radius1);color: rgba(255,255,255,0.8);}
#goToTop:after {content: "\f106";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size:  28px;}

input[type="text"], input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}
input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: 4px; }
input[type="button"].sending-form { opacity: .5; cursor: wait; }

/**********
  COMUNES
**********/

/* TEXTOS */
.title1 { font-weight: var(--bold1); font-size: 32px; color:var(--primary); line-height: 140%; margin: 0 0 20px; }
.title2 { font-weight: var(--bold1); font-size: 26px; line-height: 140%; margin: 0 0 16px; }
.title3 { font-weight: var(--bold1); font-size: 20px; line-height: 140%; margin: 0 0 12px; }

.oculto {display: none;}

.select {position: relative;}
.select select {display: inline-block;width: 100%;padding: 8px 32px 8px 12px;cursor: pointer;border-radius: 4px;outline: 0;background: #fff;border: 1px solid rgba(0,0,0,0.2);line-height: 18px;appearance: none;-webkit-appearance: none;-moz-appearance: none;max-width:  100%;}
.select:after { position: absolute; right: 24px; width: 0; pointer-events: none; top: 50%; transform: translateY(-50%); content: "\f0dc"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; }
#dvVolverGuardar { display: flex; justify-content: space-between; width: 100%;}
.btnIzq {display: inline-flex;align-items: center;text-decoration: none;background: rgba(0,0,0,0.05);color: #333;padding: 12px 16px;border-radius: var(--radius1);text-transform: uppercase;font-weight: var(--bold1);margin-right:  4px;text-align:  center;}
.btnDer {display: inline-flex;align-items: center;text-decoration: none;background: var(--secondary);color: #fff;padding: 12px 16px;border-radius: var(--radius1);text-transform: uppercase;font-weight: var(--bold1);cursor: pointer;border:  0;margin-left:  4px;text-align:  center; align-self: flex-end;}
.btnDer:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 8px;font-size: 16px;}
.btnIzq:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 16px;}
.btnDer#spnAceptar { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 16px; border-radius: var(--radius1); text-transform: uppercase; font-weight: var(--bold1); }
.btnDer#spnAceptar:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; }

.btnDer#lnkDatosCompraSiguiente:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 8px; }

.btnDerCont {  display: flex; flex-direction: column;  }
.btnDerCont .btnDer:not(:first-child) { margin-top: 12px;}

.btnDer.disabled { background: #999; color: white; }

/*RECAPTCHA*/
.g-recaptcha {display: none;justify-content: flex-end;margin:  0 0 12px;}
.ddCamposOblig, .liObli{ text-align: right; font-size: 12px; color: #999; display: block; }

/*#########################
####### H E A D E R #######
###########################*/
#google_translate_element { background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); }
#google_translate_element > div { max-width: var(--max-width); margin: 0 auto; display: flex; justify-content: flex-end; padding: 4px 8px; }
#google_translate_element .goog-te-gadget-simple { border: 0;border-radius: 4px; box-shadow: 0 -4px 8px rgba(0,0,0,0.05); padding: 2px 0px 2px 4px;}

.iframe { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*Buscador*/
.searchCont{width:100%; max-width:300px;position:relative;}
#search {/* width: 100%; *//* display: block; *//* position: relative; *//* transition: opacity 500ms linear; *//* opacity: 1; *//* overflow: hidden; *//* transition: opacity 500ms linear; */ display: none; }
#search .close { display: none; font-size: 24px; margin-bottom: 16px; }
#search .close i.far { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-left: auto;}

header .header .headerCont .hcRight { display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; }
#searchbtn { display: none; }
#searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0;  color: currentColor; overflow: hidden; align-items: center; }
#searchbtn a i { font-size: 20px; width: 32px;height: 32px;  text-align: center; display: inline-flex; justify-content: center; align-items: center;   }

.searchCont #search_results {position:  absolute;z-index:3;width:  100%;background: #fefefe; color:#333;box-shadow: 0 4px 8px rgba(0,0,0,0.1);border-radius:  4px;overflow: auto; min-width:300px; font-size:15px;line-height:130%;}
.searchCont #search_results ul {list-style:  none;}
.searchCont #search_results ul li {/* padding: 8px; */}
.searchCont #search_results ul li:not(.liTitle):hover { background-color: rgba(0,0,0,0.05); }
.searchCont #search_results ul li:not(:last-child) { border-bottom: 1px solid #eee; }
.searchCont #search_results ul li.liTitle {font-weight: var(--bold1);border-bottom: 1px solid #ccc;padding: 8px;background-color: rgba(0,0,0,0.03);display: flex;align-items: center;}
.searchCont #search_results ul li.liTitle:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 12px; }
.searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; }
.searchCont #search_results ul li.verTodos a { color: black; }
.searchCont #search_results ul li p { display: flex; flex-direction: row-reverse; }
.searchCont #search_results ul li p a{color: inherit;text-decoration: none;display:  block;padding: 8px;}
.searchCont #search_results ul li p .img{ width: 80px; flex-shrink: 0;}
.searchCont #search_results ul li p .img img{display: block;width: 100%;border-radius: var(--radius-default);}
.searchCont #search_results ul li p .nom {width: 100%;display:  flex;}
.searchCont #search_results ul li p .nom .nomCont{display: flex; max-height: 72px; overflow: hidden; line-height: 25px; align-items: center; position: relative; width: 100%;}
.searchCont #search_results ul li p .nom .nomCont::after { content:""; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.searchCont #search_results ul li p .nom a {display: flex; max-height: 72px;}




/*MODAL USUARIO*/

#login_box:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 6 Pro";color: var(--primary);display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;}
#login_box input[type="text"], #login_box input[type="email"], #login_box input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}
#login_box .spnLogError { display: none; color: #ff1100; }
#login_box #lnkBtnReg, #login_box input[type="submit"], #login_box #btLoginUsu, #login_box #btLogout{border: 0;padding: 6px 16px;border-radius: 4px;font-size: 14px;line-height: 18px;border: 1px solid var(--secondary);text-decoration:  none;display: block;width:  100%;font-weight:  bold;}
#login_box .title {font-size: 18px; line-height: 22px; margin: 0 0 12px;font-weight: var(--bold1);}
#login_box .desc {  margin: 0 0 8px; font-size: 14px; line-height: 18px;}
#login_box .usuario-registrado { padding: 12px; }
#login_box .usuario-registrado a{color: inherit;font-size:  14px;line-height:  16px;margin-top: 8px;display:  block;}
#login_box .usuario-registrado input[type="button"], #login_box .usuario-registrado input[type="submit"], #login_box .usuario-registrado #btLoginUsu {background-color: var(--secondary);color: #fff;}
#login_box .usuario-registrado input[type="button"]:not(:last-child), #login_box .usuario-registrado input[type="submit"]:not(:last-child), #login_box .usuario-registrado #btLoginUsu:not(:last-child) { margin-bottom: 8px; }
#login_box .usuario-no-registrado { padding: 12px; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); }
#login_box .usuario-no-registrado #lnkBtnReg, #login_box .usuario-no-registrado input[type="submit"], #login_box #btLogout{color: var(--secondary);background-color: #fff;}


/* CARRITO LISTA PRODUCTOS */
#cart .cart-prod-list {display: none;}
#cart .cart-prod-list .hCartProd {position: relative;display: flex;padding: 8px 0;max-width: 100%;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0px;}
#cart .cart-prod-list .hCartProd .hCartProdInfo { display: flex; align-items: center; width: 100%; padding: 4px; overflow: hidden; color: inherit; text-decoration: none; }
#cart .cart-prod-list .hCartProd .hCartProdInfo img {display: block;width: 100%;max-width: 48px;margin: 0 8px 0 0;flex-shrink: 0;}
#cart .cart-prod-list .hCartProd .hCartProdInfo p { overflow: hidden; width: 100%; }
#cart .cart-prod-list .hCartProd .hCartProdInfo p span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cart .cart-prod-list .hCartProd .hCartProdInfo p .attachedFiles { min-height: 20px; margin: 2px 0 0; }
#cart .cart-prod-list .hCartProd .hCartProdDelete {padding: 4px 0;text-decoration: none;color: inherit;margin-left: 8px;}
#cart .cart-prod-list .hCartTotal {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: var(--bold1);font-size: 14px;line-height: 18px;background: rgba(0,0,0,0.1);padding: 12px;}
#cart .cart-prod-list .hCartTotalSinIva {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: var(--bold1);font-size: 12px;line-height: 14px;background: rgba(0,0,0,0.08);padding: 12px; opacity: .8;}
#cart .cart-prod-list .hEnvioGratis { }
#cart .cart-prod-list .hEnvioGratis a {padding: 0px 12px;border-radius: var(--radius-default);display: flex;margin-top: 8px;align-items: center;text-decoration: none;color: #333;/* border: 1px dashed rgba(0,0,0,0.2); */justify-content: center;}
#cart .cart-prod-list .hEnvioGratis a span{ font-weight: var(--bold1); line-height: 120%; }
#cart .cart-prod-list .hEnvioGratis a:before{content:"\f48b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 20px;line-height: 24px;text-align: center;}
#cart .cart-prod-list .hCartButtons { display: flex; margin: 8px 0 0; justify-content: space-between;}
#cart .cart-prod-list .hCartButtons .hOrderLink { width: 60%; }
#cart .cart-prod-list .hCartButtons .hCartLink{text-align: center; width: 39%;}
#cart .cart-prod-list .hCartButtons .hOrderLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px; border-radius: var(--radius1); font-size: 14px;line-height: 18px;background-color: var(--secondary);text-decoration: none;color: #fff;font-weight:  bold;}
#cart .cart-prod-list .hCartButtons .hOrderLink a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 4px;font-size: 12px;padding-top: 2px;line-height: 12px;}
#cart .cart-prod-list .hCartButtons .hCartLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px; border-radius: var(--radius1); font-size: 14px;line-height: 18px;border: 1px solid var(--secondary);color: var(--secondary);text-decoration: none;font-weight:  bold;}
#cart .cart-prod-list .hCartButtons .hCartLink a:before { content: "\f07a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; line-height: 12px }
#cart .cart-prod-list.cart-empty { padding: 20px;font-size: 18px; line-height: 22px; text-align: center; font-weight: var(--bold1);}

/*Header Menú*/
header .menu {position: relative;z-index: 2; padding-bottom:8px; }
header .menu .menuCont {display: flex;justify-content: space-between; max-width: var(--max-width);margin: 0 auto;font-weight: var(--bold1);}
.mcPrincipal { z-index: 10; }
.mcPrincipal .cd-dropdown-trigger{display: flex;align-items: center;text-decoration: none;padding: 8px 32px 8px 12px;justify-content: space-around;text-transform: uppercase; color:currentColor;}
.mcPrincipal .cd-dropdown-trigger span{padding:0 4px 0 0; letter-spacing:1px;}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after{background:currentColor;}
.mcPrincipal li {list-style: none;/* display:  flex; */}
.mcPrincipal li p{border-bottom: 1px solid rgba(0,0,0,0.05)}
.mcPrincipal li a { display: block; padding: 12px; text-decoration: none; color: #333;}
.mcPrincipal li.campExpress:first-child a{ border-top: 1px solid #fff; }
.mcPrincipal li.campExpress a { background-color: #eee; display: flex; align-items: center; justify-content: space-between;}
.mcPrincipal li.campExpress:hover:not(.go-back) > p > a{ }
.mcPrincipal li.campExpress:hover:not(.go-back) a:after { color: #333; opacity: .8; }
.mcPrincipal li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(2.8) rotate(-20deg); opacity: .6; margin-left: 12px;}
.mcPrincipal li:hover:not(.go-back) > p > a,
.mcPrincipal li.current-selected { background-color: rgba(0,0,0,0.05); box-shadow: inset 4px 0 0 #666;}
.mcPrincipal > ul > li > ul > li > p > a{ display: none;}
.mcPrincipal ul > li > p { display: flex; margin:0;}
.mcPrincipal ul > li > p.jump { display: none; }
.mcPrincipal ul > li > p > a{ width: 100%;}
.mcPrincipal ul > li > p > span {display: none;flex-shrink: 1;width: 40px;flex-shrink: 0;text-align: center;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.03);cursor: pointer;}
.mcPrincipal ul > li > p > span:after { content:"\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; }
.mcPrincipal ul > li.has-children > p > span { display: flex;}
.mcPrincipal ul > li.go-back > p > span { display: flex; width: 40px; flex-shrink: 1; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.03); cursor: pointer;}
.mcPrincipal ul > li.go-back > p > span:after { content:"\f104"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: block; padding:12px;}
.mcPrincipal ul > li.go-back > p > a { opacity: 0.7 }
.mcPrincipal ul > li .see-all { display: none; }
.mcDestacado { width: 100%; display: flex;}
.mcDestacado ul { display: flex; width: 100%; justify-content:flex-end;}
.mcDestacado ul li { display: flex;  margin-left:20px;}
.mcDestacado ul li a {display: flex;align-items: center;padding: 8px 12px;text-decoration: none;text-transform: uppercase; color:currentColor;}
.mcDestacado ul li a:hover { opacity: .8 }
.mcDestacado ul li a span { }


.navTrigger { cursor: pointer; width: 32px; height: 32px; padding: 4px; display: flex; align-items: center; flex-flow: row wrap; align-content: center; justify-content:center;}
.navTrigger i { background-color: currentColor; border-radius: 2px; content: ''; display: block; width: 100%; height: 2px; }
.navTrigger i:nth-child(1) { -webkit-animation: outT 0.5s backwards; animation: outT 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(2) { margin: 4px 0; -webkit-animation: outM 0.5s backwards; animation: outM 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.5s backwards; animation: outBtm 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger.active{ color:#333;}
.navTrigger.active i{width:80%;}
.navTrigger.active i:nth-child(1), .dropdown-is-active .navTrigger i:nth-child(1){ -webkit-animation: inT 0.5s forwards; animation: inT 0.5s forwards; }
.navTrigger.active i:nth-child(2), .dropdown-is-active .navTrigger i:nth-child(2) { -webkit-animation: inM 0.5s forwards; animation: inM 0.5s forwards; margin: 3px 0;}
.navTrigger.active i:nth-child(3), .dropdown-is-active .navTrigger i:nth-child(3) { -webkit-animation: inBtm 0.5s forwards; animation: inBtm 0.5s forwards; display:none; }

.menu_mob { display: none;}

/*#########################
###### P O R T A D A ######
###########################*/

#PORT01 { }
#PORT02 {padding: var(--section-margin)  16px;}
#PORT02 .PORT02Cont {  max-width:var(--max-width); margin: 0 auto; display: grid;  grid-template-columns:1fr 1fr; grid-gap:8px;}
#PORT02 .PORT02Cont > * { position:relative; margin:0;}
 @media screen and (min-width: 1024px) {
    #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(3n+1)):before{
        content: "";
        height: 60%;
        width: 1px;
        position: absolute;
        left: -4px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #e5e5e5;
    }
}
 @media screen and  (min-width: 641px) and (max-width: 1023px)  {
    #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(2n+1)):before{
        content: "";
        height: 60%;
        width: 1px;
        position: absolute;
        left: -4px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #e5e5e5;
    }
 }
 @media screen and (max-width: 640px) {
    #PORT02 .PORT02Cont > *:not(:last-child):before{
        content: "";
        display:block;
        height: 1px;
        width: 70%;
        position: absolute;
        left: 0!important;
        top:inherit!important;
        right:0;
        bottom: -8px!important;
        margin: auto;
        background: #e5e5e5;
    }
}

#PORT01  .title2,
.panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 32px; line-height: 140%;  }

/*#########################
###### C A J O N E S ######
###########################*/
/* CAJA SEO */
.seo1 {text-align: center;background: #fff;padding: var(--section-margin) 16px;}
.seo1 .seo1Cont { max-width: var(--max-width); margin: 0 auto;}
.seo1 .seo1Cont .title1 { }
.seo1 .seo1Cont p:not(:last-child) { margin: 0 0 12px; }

/*CAJA VIDEO*/
.seo2 {text-align: center;background: #fff;padding: var(--section-margin) 16px;}
.seo2 .seo2Cont { max-width: var(--max-width); margin: 0 auto;  }
.seo2 .seo2Cont .title1 { }
.seo2 .seo2Cont p:not(:last-child) { margin: 0 0 12px; }
.seo2 .seo2Cont iframe { display: block; border: 0; width: 100%; }
.iframeCont { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframeCont > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* BOX SIN LINK */
.boxItem a[href^="#"] {cursor:default;}

/*BOX 2: */
.box2 { padding: 20px 16px 0; background: #fff; }
.box2 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.box2 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.box2 .boxCont > div > div{ display: flex; justify-content: space-between; }
    .box2 .boxCont .boxItem { width: calc(50% - (var(--mosaico-margin)/2)); margin-bottom: var(--mosaico-margin); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: none; }
.box2 .boxCont .boxItem:first-child, .box2 .boxCont .boxItem:nth-child(2){ display: block; }
.box2 .boxCont .boxItem > div { padding-bottom: 75%; width: 100%; display: flex; }
.box2 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box2 .boxCont .boxItem .boxItemImg { display: none; }
.box2 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box2 .boxCont .boxItem .boxItemCont { background: rgba(255,255,255,0.8); padding: 4px; margin: 12px; border-radius: var(--radius-default); }
.box2 .boxCont .boxItem .bicTitle { margin: 0; border: 1px solid; padding: 4px 40px; text-transform: uppercase; border-radius: var(--radius-default); }
.box2 .boxCont .boxItem .bicDesc { display: none; }
.box2 .boxCont .boxItem .bicBtn { display: none; }
.box2 .boxCont .boxItem .bicBtn span { }
.box2 .boxCont .swiper-button-next, .box2 .boxCont .swiper-button-prev, .box2 .boxCont .swiper-pagination { display: none; }

.box3a { padding: 0 16px 20px; background: #fff; }
.box3a .boxCont { max-width: 1400px; margin: 0 auto; display: flex; overflow-X: auto; }
.box3a .boxCont .boxItem { width: 33.3333%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; flex-shrink: 0; }
.box3a .boxCont .boxItem > div { padding-bottom: 75%; display: flex; }
.box3a .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box3a .boxCont .boxItem .boxItemImg { display: none; }
.box3a .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box3a .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; }
.box3a .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; }
.box3a .boxCont .boxItem .bicDesc { display: none; }
.box3a .boxCont .boxItem .bicBtn { display: none; }
.box3a .boxCont .boxItem .bicBtn span { }

.box3 {padding: var(--section-margin)  16px ;background: #fff;}
.box3 .swiper-container { width: 100%; }
.box3 .boxCont { max-width: var(--max-width); margin: 0 auto; display: flex; overflow-X: auto; }
.box3 .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin)*(2/3))); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; flex-shrink: 0; }
.box3 .boxCont .boxItem > div { padding-bottom: 75%; display: flex; }
.box3 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; }
.box3 .boxCont .boxItem .boxItemImg { display: none; }
.box3 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box3 .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; }
.box3 .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; }
.box3 .boxCont .boxItem .bicDesc { display: none; }
.box3 .boxCont .boxItem .bicBtn { display: none; }
.box3 .boxCont .boxItem .bicBtn span { }
.box3 .boxCont .swiper-button-next, .box3 .boxCont .swiper-button-prev, .box3 .boxCont .swiper-pagination { display: none; }

.box4 {padding:var(--section-margin) 16px; }
.box4 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; }
.box4 .slideCont .slideInfo {margin: 0 0 20px;text-align: center;padding: 0 16px;}
.box4 .slideCont .slideInfo .title2 { }
.box4 .slideCont .slideInfo p { }
.box4 .slideCont .swiper-container { margin: 0; position: static; }
.box4 > div > p{ text-align:center;font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic;}
.box4 .swiper-slide { height:auto; width: calc((1/4 * 100%) - (var(--productos-margin) * 3 / 4)); }/*25% - el margen entre items del slide de los 4 que se ven repartido entre los 3 que llevan margen a la derecha*/
/*.box4 .swiper-button-next, .box4 .swiper-button-prev { background: #fff; height: 40px; width: 40px; border-radius: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease;}*/

/*    .box4 .swiper-button-next { right: 4px;}
    .box4 .swiper-button-prev { left: 4px; }
    .box4 .swiper-button-next,
    .box4 .swiper-button-prev { transform: scale(0); }
    .box4 .slideCont:hover .swiper-button-next,
    .box4 .slideCont:hover .swiper-button-prev { transform: scale(1) }


.box4 .swiper-button-next i, .box4 .swiper-button-prev i{line-height: 100%; width: auto;}
    .box4 .swiper-button-next i { padding-left: 2px;}
    .box4 .swiper-button-prev i{padding-right: 2px;}*/

.box6 { padding: var(--section-margin) 16px; }
.box6 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; }
.box6 .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.box6 .slideCont .slideInfo .title2 { }
.box6 .slideCont .slideInfo p { }
.box6 .slideCont .swiper-container { margin: 0; position: static; }
    .box6 .slideCont .swiper-slide { width: calc((1/6 * 100%) - (var(--productos-margin) * 5 / 6)) }


.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev { background: #fff; height: 38px; width: 38px; border-radius: 20px; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease; }
.swiper-container .swiper-button-next { right: 4px; }
.swiper-container .swiper-button-prev { left: 4px; }
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev { transform: scale(0); }
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev { transform: scale(1) }
.swiper-button-next i, .swiper-button-prev i { line-height: 100%; width: auto; }
.swiper-button-next i { padding-left: 2px; }
.swiper-button-prev i { padding-right: 2px; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{ display: none; }

.boxMini { padding: 40px 16px 0; overflow: hidden; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0',GradientType=0 ); }
.boxMiniRel { margin: 0 0 20px; overflow: hidden; }
.boxMini .slideCont,
.boxMiniRel .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; overflow: hidden;}

.boxMini .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.boxMiniRel .slideCont .slideInfo { margin: 0 0 20px; }
    
.boxMini .slideCont .swiper-container,
.boxMiniRel .slideCont .swiper-container {position: static; overflow: visible;}

.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide { width: calc((100% / 6) - (12px * 5 / 6)); }

.boxMini .prodItemImg > a .PIITag,
.boxMiniRel .prodItemImg > a .PIITag { display: none; }


.boxMini .prodItem .prodItemCont,
.boxMiniRel .prodItem .prodItemCont { font-size: 80%; line-height: 100% }


.boxMini .prodItem .prodItemCont .PICTitle,
.boxMiniRel .prodItem .prodItemCont .PICTitle{ font-size: 1em; line-height: 100% }


.boxMini .prodItem .prodItemCont .PICPrice span,
.boxMiniRel .prodItem .prodItemCont .PICPrice span { font-size: 120%; line-height: 100% }

.boxMini .prodItem .prodItemCont .PICVar,
.boxMiniRel .prodItem .prodItemCont .PICVar { font-size: 100%; }


.boxMini .prodItem .prodItemBt .btAddToCart,
.boxMiniRel .prodItem .prodItemBt .btAddToCart { font-size: 12px; line-height: 100%; padding: 8px; }










/*CAJONES PRODUCTOS GENERAL*/
.prodItem {font-weight: normal; font-size: 18px; line-height: 140%; display:flex; flex-direction:column; overflow: hidden; margin: 0 0 12px; }
.prodItem .prodItemImg { position: relative; overflow: hidden; border:1px solid #eee;}
.prodItem .prodItemImg > a { display: block; overflow: hidden; }
.prodItem .prodItemImg > a img {display: block;width: 100%;font-size:  0; padding: 0 !important; opacity: 1 !important;}
.prodItem .prodItemImg > a img:nth-of-type(2) {left:  0;position: absolute;top: 0;/* left: 100%; */opacity: 0 !important;/*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/transition:  all 300ms ease;padding:  0 !important;}
.prodItem .prodItemImg:hover > a img:nth-of-type(2) {/* left: 0; */opacity: 1 !important;/*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/}
.prodItem .prodItemImg .PIITag { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: var(--bold1); font-size: 14px; line-height: 100%; text-transform: uppercase; letter-spacing: 0.5px; }

.prodItem .prodItemImg .PIITag > div { padding: 4px; }
.prodItem .prodItemImg .PIITag .PIITagPorcentaje { width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; right: 4px; background: var(--secondary); color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagPorcentaje span { }
.prodItem .prodItemImg .PIITag .PIITagOferta {position: absolute;bottom: 0;left: 0;background: #fff; color: var(--secondary); box-shadow: inset 0 0 0 1px currentcolor;}
.prodItem .prodItemImg .PIITag .PIITagOferta span { }
.prodItem .prodItemImg .PIITag .PIITagDestacado { position: absolute; bottom: 0; right: 0; background: var(--primary);background-image:linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.10)); color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagDestacado span { }
    .prodItem .prodItemImg .PIITag .PIITagNovedad { position: absolute; top: 0; left: 0; background: #03a9f3; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagNovedad span { }
.prodItem .prodItemImg .PIITag .PIITagOutlet {position: absolute;top: 0;left: 0;background: #333; color: #fff;}
.prodItem .prodItemImg .PIITag .PIITagNovedad ~ .PIITagOutlet{ top: 24px;}
.prodItem .prodItemImg .PIITag .PIITagOutlet span { }
.prodItem .prodItemImg .PIITag .PIITagAgotado { position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.5); padding: 8px 20px; color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 300px rgba(255,255,255,0.2); }
.prodItem .prodItemImg .PIITag .PIITagAgotado span { }
.prodItem .prodItemImg .PIITag .PIITagSoloOnline { position: absolute; bottom: 0; right: 0; background: #666; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagSoloOnline span { }

.prodItem .prodItemImg .PIITag .PIITagFlash { position: absolute; top: 4px; left: 4px; background: #f8c931; padding: 4px 8px; border-radius: 24px; color: #333; }
/*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/
.prodItem .prodItemImg .PIITag .PIITagFlash span { }
.prodItem .prodItemImg .PIITag .PIITagFlash span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 120%; flex-shrink: 0; }

.prodItem.flash .prodItemImg .PIITag .PIITagNovedad{ display: none; }
.prodItem.flash .PICPriceValue:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 80%; display: none; }


.prodItem .prodItemCont {padding: 8px 0;flex:1;}
.prodItem .prodItemCont .PICTitle {font-weight: normal; font-size: 14px; line-height: 120%; margin: 0 0 4px;}
.prodItem .prodItemCont .PICTitle a { color: inherit; text-decoration: none; }
.prodItem .prodItemCont .flash .PICPrice { margin: 0 0 4px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.prodItem.flash .prodItemCont .PICPrice{ border: 2px solid #f8c931; background:#fff; display: block; border-radius: 8px; overflow: hidden; padding: 4px 4px 4px 40px; position: relative; margin-bottom: 4px;}
.prodItem.flash .prodItemCont .PICPrice:before{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-flex; align-items: center; justify-content: center; font-size: 100%; color: #111; padding: 0 4px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%;}
.prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld { display: block; margin: 0; }
.prodItem.flashenvio .prodItemCont .PICPrice > span:last-child { display: block; font-size: 12px; text-transform: uppercase; }
.prodItem .prodItemCont .PICPrice > span { font-weight: var(--bold1); font-size: 18px; line-height: 120%; }
.prodItem .prodItemCont .PICPrice .PICPriceIva { font-size: 16px; opacity: .8; display: block;}
.prodItem .prodItemCont .PICPrice .PICPriceIva > span { text-transform: uppercase; font-size: 14px; }
.prodItem .prodItemCont .PICPrice .PICPriceValue{color: var(--primary);}
.prodItem .prodItemCont .PICPrice .PICPriceOld {color: inherit;margin-right: 8px;text-decoration: line-through;font-size: 14px; opacity:0.75;}
.prodItem .prodItemCont .PICDesc { margin: 0 0 4px; font-size: 12px; line-height: 120%; display: none; }
.prodItem .prodItemCont .PICVar { font-weight: var(--bold1);opacity: 0.5;font-size:  14px; line-height: 100%;}
.prodItem .prodItemBt{ padding:8px; }
.prodItem .prodItemBt .btAddToCart{display: inline-flex;  align-items: center; justify-content: center; padding: 8px; background-color: #666; text-decoration: none; color: white; font-size: 16px; line-height: 20px; border-radius: var(--radius1);}
.prodItem .prodItemBt .btAddToCart i{margin-right:8px;}



/*CAJONES MARCAS*/
.PorMarcas { text-align: center; font-weight: normal; font-size: 18px; line-height: 140%; padding:1px;}
.PorMarcas .PorMarcasImg { position: relative; overflow: hidden; width: 100%; padding-bottom: 100%; position: relative; background: #fff; border: 1px solid #eee; }
.PorMarcas .PorMarcasImg > a { overflow: hidden; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12px;}
.PorMarcas .PorMarcasImg > a img { display: block; max-width: 100%; }
.PorMarcas .PorMarcasCont { padding: 8px; }
.PorMarcas .PorMarcasCont .PMCTitle { font-weight: normal; font-size: 14px; line-height: 120%; margin: 0; }
.PorMarcas .PorMarcasCont .PMCTitle a { color: inherit; text-decoration: none; }
.PorMarcas .PorMarcasCont .PPCDesc { margin: 0 0 4px; display: none; }




/* BANDAS CON Nº DE ELEMENTOS*/
.bndBox3 { padding: 20px 16px; background-color: #fff; }
.bndBox3 .bndBox3Cont { display: flex; justify-content: space-between; max-width: var(--max-width); margin: 0 auto; }
.bndBox3 .bndBox3Cont > div { width: 32%; }

/*NEWSLETTER*/
.news1 { padding: 40px  16px; background:#f5f5f5; text-align: center; }
.news1 .newsCont { }
.news1 .newsCont .title2 { font-size: 32px; line-height: 140%;margin: 0 0 8px; }
.news1 .newsCont .newsDesc { margin: 0 0 12px; font-weight: normal; font-size: 16px; line-height: 140%; }
.news1 .newsCont .newsMail {max-width: 524px; margin: 0 auto; }
.news1 .newsCont .newsMail form { display: flex; justify-content: center;  }
.news1 .newsCont .newsMail form label { width: 100%; }
.news1 .newsCont .newsMail .newsInput {width: 100%;padding: 8px 16px;border: 0;color: #333;border-radius: 4px; border:1px solid #ccc;}
.news1 .newsCont .newsMail .newsBtn {background: #666;color: #fff;border:0;padding: 4px 32px;text-decoration: none;display: flex;margin-left: 6px;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;border-radius: var(--radius1);}
#PORT01 .news1{ padding:var(--section-margin);  background:none;}
#PORT01 .news1:last-child{padding-bottom:0;}
#PORT01 .news1 .newsCont { padding: 32px  16px; background:#f5f5f5; max-width:var(--max-width); margin: 0 auto;}

/*ENVÍO*/
.envio1 {  background-color: #35baf5; color: #fff; justify-content: space-between; }
.envio1:after { content: "\f1d8"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 60px; margin-left: 12px; display: block; flex-shrink: 0; line-height: 100%; }
.envio1 .envioCont { }
.envio1 .envioContDesc { display: flex; align-items: center; justify-content: space-between; }
.envio1 .envioContLink { font-size: 12px; }
.envio1 .envioContLink a { color: inherit; }

/*SOCIAL*/
.socialBox { padding: 20px; font-weight: var(--bold1); font-size: 20px; line-height: 140%; display: flex; align-items: center; justify-content: center; text-align: center; flex-flow: column-reverse; width: 100%;}
.socialBox .socialCont { }
.socialBox .socialContDesc { display: flex; align-items: center; justify-content: space-between; }
.socialBox .socialUl { margin: 0 0 8px; font-weight: normal; }
.socialBox .socialUl li { display: inline-flex; margin: 2px; border-radius: 40px;}
.socialBox .socialUl a { text-decoration: none; color: #fff; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 2px;  font-size: 20px; }
.socialBox .socialUl a span span{ display: none; }
.socialBox .socialUl .instagram { background-color: #d10869; padding: 0; }
.socialBox .socialUl .instagram a { color: #fff; }
.socialBox .socialUl .twitter { background-color: #1da1f2; padding: 0; }
.socialBox .socialUl .twitter a { color: #fff; }
.socialBox .socialUl .facebook { background-color: #3b5998; padding: 0; }
.socialBox .socialUl .facebook a { color: #fff; }
.socialBox .socialUl .whatsapp { background-color: #128c7e; }
.socialBox .socialUl .whatsapp a { color: #fff; }
.socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone { background-color: #666; }
.socialBox .socialUl .phone a { color: #fff; }

/* Social fixed*/
.socialBox--fixed{    position: fixed;bottom: 60px; right: 4px; padding:0; width: auto;z-index:3;}
.socialBox--fixed .socialUl{margin:0;}
.socialBox--fixed .socialUl li{display:block;box-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.socialBox--fixed .socialUl li:not(:last-child){margin:0 0 4px;}
.socialBox--fixed .socialUl a{ width: 60px; height: 60px; font-size:32px; }

.socialLine { list-style: none; }
.socialLine li {display: inline-block;background: #fff;padding: 0px 12px;min-width: 28px;border-radius: 3px;text-align: center;margin: 2px 0 2px 3px;font-size: 14px; line-height:28px;}
.socialLine li a { text-decoration: none; color: #333; }
.socialLine li a span span { margin-left: 4px;}
.socialLine li a i {font-weight: 900;}
.socialLine .news { }
.socialLine .news a { color: #868686; }
.socialLine .instagram { padding: 0; }
.socialLine .instagram a { color: #d10869; }
.socialLine .instagram a span span { display: none; }
.socialLine .twitter {  padding: 0; }
.socialLine .twitter a { color: #1da1f2; }
.socialLine .twitter a span span { display: none; }
.socialLine .facebook { padding: 0; }
.socialLine .facebook a { color: #3b5998; }
.socialLine .facebook a span span { display: none; }
.socialLine .whatsapp { padding:0; }
.socialLine .whatsapp a { color: #128c7e; }
.socialLine .whatsapp a span span { display: none; }

.socialLine .phone { }
.socialLine .phone a { color: #666; }
.socialLine .mobile a { color: #666; }

.socialLine .twitter a i, .socialLine .facebook a i, .socialLine .instagram a i, .socialLine .whatsapp a i { font-weight: 200; }

/*.langSelector { display: flex; align-items:center;}
.langSelector:not(:first-child) { margin-left: 8px; }
.langSelector:not(:last-child) { margin-right: 8px; }
    .langSelector .select2  { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; }
        .langSelector .select2 :hover { box-shadow: 0 0 4px rgba(0,0,0,.05) }
header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; }
header .menu .menuCont .menulang .select2 { height: 36px; min-width: 60px;}*/
.langSelector {margin-left: 8px;}
.select2-container { width: 52px !important; text-align: center; text-transform: uppercase; }
.select2-search { display:none; }
.select2-results__option{ font-size: 0; line-height: 0; }
.select2-results__option img {display: block; width: 100%;}
.select2-container .select2-selection--single{ border-color: #ccc; background:#f5f5f5; }
.select2-container .select2-selection--single .select2-selection__rendered {}
.select2-container .select2-selection--single { display: flex; }
.select2-container .select2-selection--single .select2-selection__rendered {  margin: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; }
.select2-container .select2-selection--single .select2-selection__rendered[title="es"] {  background-image: url(../images/languages/es.svg);}
.select2-container .select2-selection--single .select2-selection__rendered[title="en"] {  background-image: url(../images/languages/en.svg);}
.select2-container .select2-selection--single .select2-selection__rendered[title="gl"] {  background-image: url(../images/languages/gl.svg);}

header .menu .menuCont .menulang {display: none;}

.contactBox { display: flex; padding: 20px; justify-content: center; text-align: center; flex-flow: column; width: 100%; font-weight: var(--bold1); font-size: 18px; line-height: 140%; }
.contactBox:after{margin:0 0 8px; order:1;   content: "\f82d"; font-family: "Font Awesome 6 Pro";font-size:40px;font-weight:300; color:var(--primary); line-height:100%;}
.contactBox > div { margin: 0 0 8px; order:2; }
.contactBox > div .title { margin: 0 !important; font-size: 20px; line-height:140%; }
.contactBox > div .desc { font-weight:400; display:none;}
.contactBox .socialUl { margin: 0; text-transform: uppercase; order:3; }
.contactBox .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1);  font-size: 14px; background:#eee;}
.contactBox .socialUl a { text-decoration: none; color: #fff;  display: inline-flex; align-items: center; justify-content: center; margin: 2px; padding: 0 8px;}
.contactBox .socialUl a span span { margin-left: 4px; margin-left: 4px; }
.contactBox .socialUl .instagram { background-color: #d10869; padding: 0; }
.contactBox .socialUl .instagram a { color: #fff; }
.contactBox .socialUl .twitter { background-color: #1da1f2; padding: 0; }
.contactBox .socialUl .twitter a { color: #fff; }
.contactBox .socialUl .facebook { background-color: #3b5998; padding: 0; }
.contactBox .socialUl .facebook a { color: #fff; }
.contactBox .socialUl .whatsapp { background-color: #128c7e; }
.contactBox .socialUl .whatsapp a { color: #fff; }
.contactBox .socialUl .phone { }
.contactBox .socialUl .phone a { color: #333; }
.contactBox .socialUl .mail { }
.contactBox .socialUl .mail a { color: #333; }
.contactBox .socialUl .mobile { }
.contactBox .socialUl .mobile a { color: #333; }


.contactBand {color: #666;display: flex;padding: 20px 8px;justify-content: space-between;width: 100%; font-size: 18px; line-height: 140%;align-items:  center;text-align: left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.contactBand > div {margin: 0 0 8px;width:  100%;}
.contactBand > div .title { margin: 0 0 8px; font-size: 24px; line-height: 120%; font-weight: var(--bold1); color:#333;}
.contactBand > div .desc { }
.contactBand .socialUl {margin: 0 0 4px;text-transform: uppercase;text-align:  right;flex-shrink:  0;}
.contactBand .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1); font-size: 16px; background-color: var(--secondary); }
.contactBand .socialUl a {text-decoration: none;color: #fff;display: inline-flex;align-items: center;justify-content: center;margin: 2px;padding: 4px 12px;}
.contactBand .socialUl .phone > a{color: #fff;}
.contactBand .socialUl a span span { margin-left: 4px; margin-left: 4px; }


/*CAJON CONTACTO*/
.duda1 { background: #999; color: #fff; }
.duda1 .dudaCont { }
.duda1 .dudaCont .dudaContText { margin: 0 0 8px; }
.duda1 .dudaCont .dudaContText .DCTTitle { font-size: 28px; line-height: 120%; }
.duda1 .dudaCont .dudaContButtons { }
.duda1 .dudaCont .dudaContButtons a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #999; background-color: white; border-radius: 40px; padding: 8px 16px; font-size: 16px; line-height: 100%; margin: 4px; }
.duda1 .dudaCont .dudaContButtons a i { margin-right: 4px; transform: scaleX(-1) }



/*BANNERS POR DEFECTO*/
.dvBanner{display: flex;align-items: center;justify-content: center; flex-direction:column;color: #333;padding: 20px;font-size: 20px; font-weight:var(--bold1);line-height: 140%;  text-align:center;}
.dvBanner:after { font-weight: 900; font-family: "Font Awesome 6 Pro";font-weight:300; color:var(--primary); font-size: 40px; display: block; flex-shrink: 0; line-height: 100%; text-align: center; width: 68px; text-align: center; order:1; }
.dvBanner:before { margin-right: 20px; }
.dvBanner:after {margin: 0 0 8px;}
.dvBanner .dvBannerCont {width: 100%;font-weight: var(--bold1); order:2; max-width:290px; }
.dvBanner .dvBannerCont a:not(.dvBannerContLink4) { font-size: 14px; color: inherit; line-height: 120%; display: block; margin-top: 8px; color:#666; }
.dvBanner .dvBannerCont .dvBannerContLink4 { color: inherit;}
.dvBanner .dvBannerCont .dvBannerContText4 { text-transform: lowercase;}

/*BANNERS PERSONALIZADOS*/
.secureBox { color: #39b549;}
.secureBox:after { content: "\f2f7";}
.secureBox .dvBannerCont { }
.secureBox .dvBannerCont p:first-child {font-size: 26px;}
.secureBox .dvBannerCont p span { display: inline-block; }
.secureBox .dvBannerCont p span:not(:first-child) { margin-left: 4px;}
.secureBox .dvBannerCont a { }


.dvBannerContLink4 {  }
.envioBox {}
.envioBox:after { content: "\f48b"; font-family: "Font Awesome 6 Pro";}
.envioBox .dvBannerCont { }
.envioBox .dvBannerCont a { }

.dvBanner.envioMini { padding: 12px; justify-content: center; background: #37474f; color: #ffffff; margin: 0 !important; }
.dvBanner.envioMini:before {content: "\f48b";font-family: "Font Awesome 6 Pro";font-size: 20px;width: auto;margin-right: 12px;}
.dvBanner.envioMini .dvBannerCont {width: auto;flex-flow: row wrap;text-transform: uppercase;font-size: 16px;letter-spacing: 2px;line-height: 16px;align-items: center;justify-content: center; text-align: center; }
.dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) {font-size: 12px;line-height: 12px;display: inline-block;margin: 4px;/* opacity: 0.5; */text-transform: lowercase;letter-spacing: 0;}
.dvBanner.envioMini .dvBannerCont .dvBannerContText4 { text-transform: uppercase; }

.dvBanner.fbBox {  font-size: 24px; }
.dvBanner.fbBox:after { content: "\f09a"; font-family: "Font Awesome 5 Brands"; color:#3B5998;}
.dvBanner.fbBox .dvBannerCont .dvBannerCont { }
.dvBanner.fbBox .dvBannerCont a {text-decoration: none;color: inherit;margin: 0;font-size: 20px;}
.dvBanner.fbBox .dvBannerCont a span:last-of-type { display: inline-block; }
.dvBanner.fbBox iframe {height: 20px;margin-top: 12px;max-width: 100%; display:none;}

.dvBanner.twBox {  font-size: 24px; }
.dvBanner.twBox:after { content: "\f099"; font-family: "Font Awesome 5 Brands"; color:#1da1f2;}
.dvBanner.twBox .dvBannerCont { }
.dvBanner.twBox .dvBannerCont a {text-decoration: none;color: inherit;margin: 0; font-size: 20px;}
.dvBanner.twBox .dvBannerCont a span:last-of-type { display: inline-block; }

.dvBanner.instaBox {  font-size: 24px; }
.dvBanner.instaBox:after { content: "\f16d"; font-family: "Font Awesome 5 Brands"; color:#D10869;}
.dvBanner.instaBox .dvBannerCont { }
.dvBanner.instaBox .dvBannerCont a { text-decoration: none; color: inherit; font-size: inherit; margin: 0;font-size: 20px; }
.dvBanner.instaBox .dvBannerCont a span:last-of-type { display: inline-block; }

.dvBanner.urgentBox { }
.dvBanner.urgentBox:after { content: "\f48c";}
.dvBanner.urgentBox .dvBannerCont { }
.dvBanner.urgentBox .dvBannerCont a { }
.dvBanner.urgentBox .dvBannerCont span:last-of-type { font-size: 28px;line-height:120%;margin-left:8px; }

.dvBanner.interBox { }
.dvBanner.interBox:after { content: "\f072";}
.dvBanner.interBox .dvBannerCont .dvBannerCont { }
.dvBanner.interBox .dvBannerCont a { }
.dvBanner.interBox .dvBannerCont span:last-of-type {  word-break: break-all; }

.dvBanner.privateBox {}
.dvBanner.privateBox:after { content: "\f21b";}
.dvBanner.privateBox .dvBannerCont .dvBannerCont { }
.dvBanner.privateBox .dvBannerCont a { }
.dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type { font-size: 28px;line-height:120%; margin-left:8px; }

.defaultBox { padding: 12px; background-color: #eee; }

/*BOX DE FORMULARIO*/
.formBox {/* background-color: #f0f0f0; */padding: var(--section-margin)  16px;background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 );}
.formBox > div{max-width: var(--max-width); text-align: center; margin: 0 auto; padding: 20px; box-shadow: 0 -12px 12px rgba(0,0,0,0.05); border-radius: 8px; background-color: #fff; }
.formBox > div > p { margin: 0 0 12px; }
.formBox > div #ulContatoInfo{   }
.formBox > div #ulContatoInfo .dvContatoInfoSup{ display: flex; justify-content: space-between; }
.formBox > div #ulContatoInfo .dvContactoFormLeft { }
.formBox > div #ulContatoInfo .dvContactoFormRight { margin-left: 8px;}
.formBox > div #ulContatoInfo input[type="text"],
.formBox > div #ulContatoInfo input[type="tel"],
.formBox > div #ulContatoInfo input[type="email"],
.formBox > div #ulContatoInfo textarea { padding: 12px; }
.formBox > div #ulContatoInfo .dvContatoInfoSub { }
.formBox > div #ulContatoInfo .dvContatoInfoSub { display: flex; flex-flow: row wrap; justify-content: center;  }
.formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: calc(50% - 6px); }

/*MIGAS DE PAN*/
.breadcrumb {margin: 0 0 20px;font-size: 90%;opacity: 0.9;}
.breadcrumb ol{padding: 0 !important; display: flex; flex-flow: row wrap; }
.breadcrumb ol li{list-style: none;display: inline-flex;align-items: center;margin-right: 8px; max-width: 100%;}
.breadcrumb ol li:not(:first-child):before {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 10px;line-height:  10px;}
.breadcrumb ol li > span, .breadcrumb ol li > a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.breadcrumb ol li a { color: inherit; text-decoration: none; }
.breadcrumb ol li a:hover { text-decoration: underline; }


/***FOOTER***/
footer { background: #333; color: white; }
footer a { color: inherit; text-decoration: none; display:inline-block; }

footer .footerInfo {padding: 30px 16px;}
footer .footerInfo .footerInfoCont { display: flex; justify-content: space-between; flex-flow: row wrap; max-width: var(--max-width); margin: 0 auto; }
footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 25%;order: 1; }
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 25%; order: 3;}
footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 40%; order: 5;}
footer .footerInfo .footerInfoCont .vline { width: 1px; background: rgba(255,255,255,0.1); }
footer .footerInfo .footerInfoCont:before, footer .footerInfo .footerInfoCont:after{content:""; border-left: 1px solid rgba(255,255,255,0.1);}
footer .footerInfo .footerInfoCont:before { order: 2; }
footer .footerInfo .footerInfoCont:after { order: 4;}
footer .footerInfo .footerInfoCont .FICBox ul { list-style: none; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {margin-bottom: 8px;text-transform: uppercase;font-weight:  var(--bold1);font-size:  18px;line-height: 140%;}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 2; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { display: inline-flex; width: 100%; padding: 4px 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover { text-decoration: underline; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before { content: "\f105"; font-weight: 300; font-family: "Font Awesome 6 Pro"; margin-right: 6px; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos { line-height: 0; margin-top:12px;}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li { display: inline-block; margin: 0 4px 4px 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img { max-width: 60px; display: block;}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
    width: 40%;
    order: 5;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox {
    all: unset;
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100%;
    order: 6;
    margin-top: 20px;
    padding-top: 20px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a {
    display: inline-flex;
    padding: 8px 16px;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover {
    background: rgba(0,0,0,0.4);
}

@media screen and (max-width: 768px) {
    footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
        width: 100%;
        margin: 12px 0;
    }
}

/*CATALOGO*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 58%;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 38%;}
body.catalog footer .footerInfo .footerInfoCont:after{ display: none; }
body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; }

footer .footerEnd {padding: 12px 20px 40px;background-color: rgba(0,0,0,0.1);font-size: 14px;}
footer .footerEnd .footerEndCont { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto; }
footer .footerEnd .footerEndCont .FECLegal {margin: 0 8px 0 0;}
footer .footerEnd .footerEndCont .FECPaxinas { font: normal 12px/120% Arial; display: flex; align-items: flex-end; margin: 12px 0 12px auto;}
footer .footerEnd .footerEndCont .FECPaxinas a { display: block; color: inherit; font: normal 12px/16px Arial; text-transform: uppercase; opacity: 0.3; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)); }



/*CHEKBOX*/
.checkBoxCont { display: flex; align-items: center;}
.checkBoxCont:not(:last-child) { margin-bottom: 12px; }
.checkBoxCont .checkBox {margin: 0 8px 0 0 !important;flex-shrink:  0;}
.checkBox { position: relative; cursor: pointer; line-height: 22px; margin-right: 4px; overflow: hidden; flex-shrink: 0; }
.checkBox input { position: absolute; z-index: 1; opacity: 0; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; }
.checkBox .control_indicator { top: 1px; left: 0; width: 20px; height: 20px; background: white; border: 1px solid #ccc; border-radius: 4px; text-align: center; line-height: 16px; color: #666; }
.checkBox .control_indicator:after { content: ""; font-weight: 900; font-family: "Font Awesome 6 Pro"; width: 100%; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; height: 18px;}
.checkBox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.checkBox input:checked ~ .control_indicator:after { content: "\f00c"; }
.checkText {display: flex;align-items: flex-start;}
.checkText .checkBox { flex-shrink: 0; margin-right: 4px; }

/*RADIOBUTTON*/
.radiobtn { display: inline-flex; align-items: center; }
.radiobtn input[type="radio"] {opacity: 0;position: absolute;width: 20px;height: 20px;}
.radiobtn > span { display: flex; align-items: center; }
.radiobtn > span:before {content: "";display: inline-block;height: 16px;width: 16px;background: white;border: 2px solid #ccc;border-radius: 100%;text-align: center;line-height: 16px;margin: 0px 5px 0 0;vertical-align: middle;cursor: pointer;flex-shrink: 0;}
.radiobtn input[type="radio"]:checked ~ span:before { background: #666666; background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%); background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); background: radial-gradient(ellipse at center, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=1 ); }

/*CONTENEDOR GENÉRICO*/
.generic {padding: 20px 20px 40px;}
.generic .genericCont{ max-width: var(--max-width); margin: 0 auto; }
.genericDesc { align-self: center;}
.genericDesc:not(:last-child) { margin: 0 0 20px;}
.genericDesc .genericDescCont:not(:last-child) { margin: 0 0 20px;}
.genericDesc ul, .genericDesc ol { padding-left: 18px; }
.genericDesc ul:not(:last-child), .genericDesc ol:not(:last-child), .genericDesc p:not(:last-child) { margin: 0 0 12px;}
.genericDesc > span .morelink {font-size: 14px;/* background: rgba(0,0,0,0.05); *//* padding: 4px 8px; */border-radius: var(--radius1);margin-top: 8px;display:  inline-block;}

.generic .genericCont p:not(:last-child){ margin: 0 0 20px;}
.generic .genericCont ul, .generic .genericCont ol {padding-left: 18px;list-style:disc;}
.generic .genericCont ul:not(:last-child), .generic .genericCont ol:not(:last-child) { margin: 0 0 20px; }
.generic .genericCont > ul > li, .generic .genericCont > ol li, .generic .genericCont > div > *:not(.breadcrumb) ol li {margin: 0 0 4px !important;}

/***LISTADO MARCAS***/
.Marcas .genericCont .listadoMarcas { overflow: hidden; }
.Marcas .genericCont .listadoMarcas ul{display: flex;flex-flow: row wrap;margin-left: -8px;width:  calc(100% + 16px);padding:  0;}
.Marcas .genericCont .listadoMarcas ul li{ width: calc(16.6666% - 16px); margin: 0 0 20px; list-style: none; text-align: center; margin: 8px;  padding: 8px; background: #f5f5f5;}
.Marcas .genericCont .listadoMarcas ul li a{ color: inherit; text-decoration: none; }
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg { display: flex;position: relative; padding-bottom: 100%; margin: 0 0 8px; background: #fff;}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img { display: block; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }


/****SLIDE CUPONES****/
.slideCupones {text-align: center;background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90));font-size: 16px;line-height: 20px;padding: 20px;}
.slideCupones .slideCuponesCont {max-width: var(--max-width);margin: 0 auto;width:  100%;/* display: flex; */}
.slideCupones .slideCuponesCont .switem {padding: 0;}
.slideCupones .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {display: block;margin: 0 0 12px;width:  100%;font-size:  20px;}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 12px;display: none;}
.slideCupones .slideCuponesCont .slideCuponesInfo .desc { display: none; }
.slideCupones .slideCuponesCont .sliderCuponesRes {display: flex;justify-content: center;align-items: center;/* padding: 12px 8px; */background-color: #fff;border-radius: var(--radius-default);}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit;}
.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {margin: 0 20px;padding: 8px;border-radius: var(--radius-default);}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre { display: block; font-weight: var(--bold1); }
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a{text-decoration:none;}
.slideCupones .slideCuponesCont .sliderCuponesRes .img img{display:block; width:100%;}
.slideCupones .swiper-button-next, .slideCupones .swiper-button-prev {font-size: 18px;}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: -6px;}
.slideCupones .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size:  14px;}
.slideCupones .slideCuponesCont .btnInfo a{color:#666;}


.slideCupones3 {text-align: center;line-height: 20px;padding: var(--section-margin) 16px; }
.slideCupones3:not(:last-child) { margin: 0; }
.slideCupones3 .slideCuponesCont {max-width: var(--max-width);margin: 0 auto;width:  100%;font-size: 16px;}
.slideCupones3 .slideCuponesCont .switem {}
.slideCupones3 .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; *//* background-color: rgba(0,0,0,0.1); */ flex-direction: column;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 {display: block;/* margin: 0 0 12px; */width:  100%;/* font-size:  24px; */}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child{ margin: 0;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 12px;display: none;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .desc { }
.slideCupones3 .slideCuponesCont .sliderCuponesRes {display: flex;flex-direction:column;justify-content: center;align-items: center; border-radius: var(--radius-default); padding: 20px 0; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(33.333% - 12px + 4px)}/* 4px es el margen de Swiper */
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit;  }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo {border-radius: var(--radius-default);background: #ffffff;flex: 1;display: flex;overflow: hidden; border:1px solid #eee;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{font-weight: 900;font-family: "Font Awesome 6 Pro";content:"\f295";background: #333;color: #fff;width: 60px;flex-shrink:1;display: flex;justify-content: center;align-items: center;display: none;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {width: 100%;text-align: center;/* padding:  8px; */display: flex;flex-direction: row;min-height: 120px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img {overflow: hidden;width: 120px;display: flex;/* align-items: center; *//* display: none; */flex-shrink: 0;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a{display: flex;/* align-items: center; */justify-content: center;width: 100%;position: relative;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img{display: block;width: 100%;height: 100%;object-fit: cover;flex: 1;position: absolute;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre {display: flex;font-weight: var(--bold1);align-items: center;/* padding: 8px; */width: 100%;justify-content: center;margin: 0 0 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a {font-size: 18px;line-height: 22px;color: inherit;text-decoration: none;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo {background: rgba(0,0,0,0.05);padding: 4px 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc){ max-height: 60px; overflow: hidden; position: relative; min-height: 40px}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before { content: ""; width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.slideCupones3 .swiper-button-next, .slideCupones3 .swiper-button-prev {font-size: 16px;}
.slideCupones3 .swiper-button-next { right: 0;  }
.slideCupones3 .swiper-button-prev { left: 0; }
.slideCupones3 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: none; -webkit-transform: none; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination { position: static; margin-top: 12px;}
.slideCupones3 .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size:  14px; display: none; }



.dvBanner.slideCupones {}
.dvBanner.slideCupones .slideCuponesCont {}
.dvBanner.slideCupones .slideCuponesCont .switem {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child{ }
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc { }
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes {
    padding: 0px 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
    margin: 0;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before{}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
    padding: 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a{}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img{
    display: block;
    margin: 0 auto 12px;
    max-height: 200px;
    max-width: 100%;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo {}
.dvBanner.slideCupones .swiper-button-next, .slideCupones3 .swiper-button-prev {}
.dvBanner.slideCupones .swiper-button-next {right: 2px;}
.dvBanner.slideCupones .swiper-button-prev {left: 2px;}
.dvBanner.slideCupones .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { }
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: 0;}
.dvBanner.slideCupones .slideCuponesCont .btnInfo { }


/****FORMAS DE PAGO****/
.generic .genericCont .dvFormasPago { margin-bottom:20px; }
.generic .genericCont .dvFormasPago > ul { list-style: none; padding: 0; }
.generic .genericCont .dvFormasPago > ul > li { margin: 0 0 20px }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem {margin: 0 0 8px;padding-top: 20px;border-top: 2px dashed rgba(0,0,0,0.2);}
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre { margin: 0 0 4px;}
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre > span > b {  }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards { list-style: none; padding: 0; }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li { display: inline-block; margin: 2px 4px 2px 0; }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li img{width:70px;}
#dvAvisoPedMin { display: flex; font-weight: var(--bold1); background: rgba(0,0,0,0.05); border-radius: 4px; padding: 8px 16px}
#dvAvisoPedMin p:last-child{margin:0;}
#dvAvisoPedMin:before { content: "\f05a"; font-weight: 400; font-family: "Font Awesome 6 Pro"; margin-right: 8px; }


/****GASTOS DE ENVÍO****/
.generic .genericCont .dvGastosEnvio { }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div { margin: 0 0 20px; padding-top: 20px; border-top: 2px dashed rgba(0,0,0,0.2); }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div > p { margin: 0 0 8px;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div img { display: block; max-width: 100%; margin: 0 0 8px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvGastosEnvioItemNombre b { font-size: 120% }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioPrecios { padding: 12px 16px; border-radius: 12px; background: -moz-linear-gradient(top, rgba(240,240,240,0.6) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA { margin: 0 0 8px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div { padding: 8px 0; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > ul { padding: 8px 0 8px 16px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .spnProv { font-weight: var(--bold1); margin-bottom: 4px; display: block; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .comboProvincias { padding-left: 12px; margin: 0 0 8px;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div > ul { margin-left: 18px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a{ display: inline-flex;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a:after { content: "\f35d"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 4px; font-size: 10px; text-decoration: none;}
.fichaCupones { margin: 20px 0 0; }


/****NEWSLETTER****/
.Newsletter .pTitulo {font-size: 32px;line-height: 34px;opacity:  0.6;}
.Newsletter .pDesc {}
.Newsletter .pDesc > span { display: block; }
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: flex; padding: 20px; border: 4px dashed rgba(0,0,0,0.1); margin: 0 auto 0 0; }
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div {  width: 50%; }
.Newsletter #dlNewsletterRegister {padding: 0 8px;margin-left: 20px;}
.Newsletter #dlNewsletterRegister > div > div { margin: 0 0 8px; }
.Newsletter #dlNewsletterRegister > div > div label { display: none; margin: 0 0 4px; }
.Newsletter #dlNewsletterRegister input[type="text"],
.Newsletter #dlNewsletterRegister input[type="email"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;}
.Newsletter #dlNewsletterRegister div.dlNewsTac { margin: 0 0 12px; }
.Newsletter #dlNewsletterRegister div.dlNewsTac > div {display: flex;align-items: center;justify-content: center;}
.Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox { flex-shrink: 0; margin-right: 4px; }
.Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError {color: #ff1100;display: block;text-align:  center;}
.Newsletter #dlNewsletterRegister .newsletterEnvio {/* display: flex; */}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {width: 160px;flex-shrink: 0;margin: 0 4px 0 0;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper { display: flex; align-items: center;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p { margin: 0;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span { display: none; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child { width: 100%; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;border-radius: var(--radius1);}
.Newsletter #dlNewsletterRegister .newsletterEnvio > div .ddCamposOblig { display: none; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div .pLegal{font-size:80%;line-height:140%;margin:12px 0 0;}
.dvBtnVolver { margin: 12px 0; }
.dvBtnVolver a{ display: inline-flex; align-items: center; text-decoration: none; background: rgba(0,0,0,0.05); color: #333; padding: 8px 16px; border-radius: var(--radius1); }
.dvBtnVolver a:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 10px;}


/****PROMOCIONES****/
.generic .dvPromo { background: rgba(0,0,0,0.05); border-left: 8px solid rgba(0,0,0,0.1); display: flex; }
.generic .dvPromo.flash { border-left: 8px solid #f8c931 }
.generic .dvPromo:not(:last-child) { margin: 0 0 20px; }
.generic .dvPromo .img{width: 200px;flex-shrink: 0;display: flex;/* align-items: center; */justify-content: center;}
.generic .dvPromo .img a{display: flex;width: 100%;flex: 1;align-items: flex-start;justify-content: center;/* background: rgba(0,0,0,0.05); */padding: 12px 0 12px 12px;}
.generic .dvPromo .img a img{width: 100%;border-radius: var(--radius-default);display: block;}
.generic .dvPromo .left {padding: 12px;width:  100%;font-size: 14px;line-height: 20px;display: flex;flex-direction: column;justify-content: center;}
.generic .dvPromo .left .dvPromoNombre { margin: 0 0 8px; }
.generic .dvPromo .left a { font-size: 20px; line-height: 24px; }
.generic .dvPromo .right {width: 320px;flex-shrink: 0;background: rgba(0,0,0,0.05);padding: 20px;display:  flex;flex-direction:  column;justify-content: center;}
.generic .dvPromo .right p:not(:last-child) { margin: 0 0 8px;}
.generic .dvPromo .right .code { }
.generic .dvPromo .right .code .sin, .generic .dvPromo .right .code span:first-child {background: white;display:  block;text-align:  center;padding: 8px;border: 2px dashed rgba(0,0,0,0.2);font-size:  20px;line-height:  20px; margin: 0 0 8px;}
.generic .dvPromo .right .code span:last-child:not(:first-child) {display: block;font-size: 14px;line-height: 16px;}
.generic .dvPromo .right p.copy, .generic .dvPromo .right p.nocopy{ font-weight: var(--bold1); }
.generic .dvPromo .right p.of { display: block; text-align: center; background: #333; color: #fff; padding: 8px; border-radius: 4px; font-weight: var(--bold1); }
.generic .dvPromo .right .campExpressDesc { text-align: center; }
.generic .dvPromo .right .campExpressDesc .campExpressDescCont > div { display: block;}


/*PROMO FLASH*/
.generic .dvPromo.flash { }
.generic .dvPromo.flash .right > p{ font-weight: var(--bold1); }
.generic .dvPromo.flash .right > p > span { display: flex; text-align: center; background: #333; color: #fff; padding: 8px 12px; border-radius: 4px; font-weight: var(--bold1); overflow: hidden; margin-top: 8px; justify-content: center;}
.generic .dvPromo.flash .right > p > span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #fff; font-size: 120%; flex-shrink: 0; transform: scale(2.4) rotate(-20deg); opacity: .6; margin-right: 24px; }

/****CHEQUES****/
.Cheque .pTitulo { font-size: 32px; line-height: 34px; opacity: 0.6; }
.Cheque .pDesc { }
.Cheque .pDesc > span { display: block; }
.Cheque input[type="text"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;}
#dvValidarChequeRegalo {border: 4px dashed rgba(0,0,0,0.1);display:  flex;padding: 20px;}
#dvValidarChequeRegalo > div{width:  100%;}
#dvValidarChequeRegalo > form {width:  100%;max-width: 500px;margin-left:  20px;}
.Cheque .validarCheque { }
.Cheque .validarCheque > * { margin:0 0 8px }
.Cheque .validarCheque .dvOper { display: flex; }
.Cheque .validarCheque .dvOper input{ width: 100%}
.Cheque .validarCheque .dvOper img { flex-shrink: 0; }
.Cheque input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 20px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;border-radius: var(--radius1);}


/****CONTACTO****/
#dvContactoCont { display: flex; }

#dvContactoInfo {width: 100%;}
#dvContactoInfo .ContactoInfo p { margin: 0 0 8px;}
#dvContactoInfo .ContactoInfo { }
#dvContactoInfo .ContactoMapa{margin-top: 20px; position: relative; min-height: 200px; }
#dvContactoInfo .ContactoMapa iframe{display: block;width: 100%;height: 380px;}
.dvContactoForm, #dvContactoPeticionFeita {padding: 0 0 0 20px;border-left: 4px dashed rgba(0,0,0,0.1);max-width: 400px;flex-shrink:  0;margin-left: 20px;display: flex;flex-direction:  column;justify-content:  center;}
.dvContactoForm .spnContactoTitulo { display: block; margin: 0 0 8px;}
.dvContactoForm .spnContactoTitulo a { color: inherit; }
    .dvContactoForm .spnContactoCont span { display: inline-block;}
    #dvContactoResult { background: rgba(0,0,0,0.05); padding: 12px; border-radius: 8px; margin: 8px 0; border: 1px solid rgba(0,0,0,0.1) }
#dvContactoResult b { text-transform: uppercase; font-size: 120%; line-height: 140%; margin: 0 0 8px; display: inline-block;}

#ulContatoInfo { }
#ulContatoInfo .spnContactoTit { display: none; }
#ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { margin: 0 0 12px; }
#ulContatoInfo input[type="text"], #ulContatoInfo input[type="tel"], #ulContatoInfo input[type="email"], #ulContatoInfo textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; }
#ulContatoInfo textarea { resize: vertical; }
.dvContatoInfoSup {display: block;}
.dvContatoInfoSup .dvContactoFormLeft {width: 100%;margin-right: 4px;}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { width: 100%; }
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { width: 100%; }
.dvContatoInfoSup .dvContactoFormRight {width: 100%;display:  flex;}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { width: 100%; display: flex; flex-direction: column; }
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo{flex: 1;display:  flex;}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label { display:  flex; }
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label,
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea{width: 100%;/* height: 100%; */}

.dvContatoInfoSub { }
.dvContatoInfoSub .ulContatoInfoSubItem { display: flex; justify-content: space-between; }
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child{width: 100%;max-width: 400px;}
.dvContatoInfoSub .tac {display: block;margin: 0 0 12px;}
.dvContatoInfoSub .tac .dvContactoInfo {display: flex;align-items:  center;justify-content: center;line-height: 100%;}
.dvContatoInfoSub .tac .txtTacError { display: none; }
.dvContatoInfoSub .dvCaptcha { width: 160px; flex-shrink: 0; margin: 0 4px 0 0; }
.dvContatoInfoSub .dvCaptcha .dvOper { display: flex; align-items: center; }
.dvContatoInfoSub .dvCaptcha p { margin: 0; }
.dvContatoInfoSub .dvCaptcha .captchaDesc { display: none;}
.dvContatoInfoSub input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: var(--radius1); }
.dvContatoInfoSub .pLegal{font-size:80%;line-height:140%;margin: 4px 0 8px;width:100%; opacity: .7}

/****USUARIOS****/
/*ALTA USUARIOS*/
.usuarios{}
.usuarios #datosFactCiudad,
.usuarios #datosEnvio_ciudad { display: none; }
.usuarios .pDatosGenerales { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: var(--bold1);}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr { margin: 0 0 12px;}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) { margin-left: 12px; }
.usuarios .dvDatosGenerales .altaCampoTitle {margin: 0 0 4px;}
.usuarios .dvDatosGenerales .altaCampoTitle .spnInfo {opacity: 0.8;font-size: 12px;margin-left: 4px;line-height:  12px;display:  inline-block;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {display: flex;justify-content: space-between;border-radius: 8px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm > div { display: inline-block;padding: 8px 0;width:  100%;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm > div input[type=text],
.usuarios .dvDatosGenerales > div input[type=email],
.usuarios .dvDatosGenerales > div input[type=password],
.usuarios .dvDatosGenerales > div select,
.usuarios .dvDatosGenerales > div textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; margin: 0 0 8px; }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {margin-right: 20px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {border-left: 2px solid rgba(0,0,0,0.05);padding-left: 20px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect { display: flex; justify-content: space-between; }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {width: 24%;display: block;flex-shrink: 0;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 49% }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select { padding: 8px; border: 0; border-radius: 4px; background: rgba(0,0,0,0.05); width: 100%;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail { }
.usuarios .dvDatosGenerales .required { margin: 0 0 12px; text-align: right; font-size: 14px; }
/*EDITAR USUARIOS*/
.usuarios .modNewsTac { margin: 20px 0; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; }
.usuarios .modNewsTac .checkText { margin: 0 0 8px; display: flex; }

.usuarios .dvRegister {  margin-top: 12px; display: flex; justify-content: space-between;}
.usuarios .dvRegister input[type="button"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;max-width: 200px;margin-left: 12px;border-radius: var(--radius1);}

.usuarios .altaNewsTac {margin: 12px 0;overflow: hidden;display: flex;flex-direction: column;/* align-items: flex-end; */background-color: rgba(0,0,0,0.05);padding: 12px;margin-left:  calc(50% + 28px);border-radius: 4px;}
.usuarios .altaNewsTac .altaNewsTacCont { }
.usuarios .altaNewsTac .checkText { display: flex; }
.usuarios .altaNewsTac .checkText:not(:last-child) { margin: 0 0 8px; display: flex; }
.envioIgual { margin-bottom: 20px}

/*INICIO USUARIOS*/
.usuarios .dvUserMod { padding: 12px; margin: 0 0 12px; background-color: rgba(0,0,0,0.05); border-radius: 4px; }
.usuarios .dvUserMod:last-child {  margin-bottom: 20px; }
.usuarios .dvUserMod p.pDatos, .usuarios .dvUserMod p.pPedidos { display: flex; align-items: center; margin: 0 0 8px; }
.usuarios .dvUserMod p.pDatos:before, .usuarios .dvUserMod p.pPedidos:before { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; color: #666; }
.usuarios .dvUserMod .pDatos a, .usuarios .dvUserMod .pPedidos a { font-size: 18px }

/*RECUPERAR CONTRASEÑA*/
#dvPassRec form {max-width: 540px;padding: 12px;background-color:  rgba(0,0,0,0.02);border-radius: 4px;}
#dvPassRec .dvDesc { margin: 0 0 12px;}
#dvPassRec input[type="email"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; }
#dvPassRec input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; max-width: 320px; margin-top: 20px; border-radius: var(--radius1); margin-bottom: 4px; }
#dvPassRec .dlUserMail{ font-weight: var(--bold1); margin: 0 0 4px; }
/*LISTA PEDIDOS*/
#dvPedidosListUserCont { }
#dvPedidosListUserCont .dvNoResults { margin: 8px 0 0; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; border-radius: 4px; display: flex; align-items: flex-start; text-align: left; justify-content: center;}
#dvPedidosListUserCont .dvNoResults:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#dvPedidosListUserCont table{ width: 100%; text-align: center; margin: 0 0 40px;}
#dvPedidosListUserCont table th{padding: 8px;background: rgba(0,0,0,0.1);}
#dvPedidosListUserCont table tr:nth-child(2n+1) { background: rgba(0,0,0,0.05) }
#dvPedidosListUserCont table tr td {padding: 8px;}
#dvPedidosListUserCont table tr td:first-child {width: 100px;min-width: 100px;}
#dvPedidosListUserCont table tr td:last-child { width: 120px; min-width: 120px;}
#dvPedidosListUserCont table tr td:last-child a { text-decoration: none; display: flex; align-items: center;}
#dvPedidosListUserCont table tr td:last-child a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; }
/*DETALLES PEDIDO*/
.generic .genericCont #dvDetDetPed { margin: 0 0 12px; }
.generic .genericCont #dvDetResumen, .generic .genericCont #dvDetFactEnv, .generic .genericCont #dvDetProdObs { padding: 20px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; }
.generic .genericCont #dvDetResumen p span:last-child{ font-weight: var(--bold1); }
.generic .genericCont p.pDetFactEnvEnc, .generic .genericCont p.pDetProdObsEnc, .generic .genericCont p.pDetProdPedEnc { margin: 0 0 12px; font-weight: var(--bold1); }
.generic .genericCont #dvDetFactEnv { display: flex; }
.generic .genericCont #dvDetFactEnv > * { width: 50%; padding: 8px; }
.generic .genericCont #dvDetProdPed { padding: 12px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; }
.generic .genericCont #dvDetProdPed table { width: 100%; text-align: center; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp {border-top: 2px dashed rgba(0,0,0,0.1);margin-bottom:  8px;}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td, #dvDetProdPed table.tblDetProdPedProdsCantImp th { padding: 8px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child, #dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child { text-align: left; }
.generic .genericCont #dvDetProdPed table td:last-child { width: 120px; max-width: 120px; min-width: 120px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td { padding: 4px 8px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child { text-align: right; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child { font-weight: var(--bold1); }
.generic .genericCont #dvDetPedUserBtns { text-align: center;}
.generic .genericCont #dvDetPedUserBtns p{ display: inline-block; margin: 4px 2px;}
.generic .genericCont #dvDetPedUserBtns a { display: inline-block; padding: 8px 23px; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; border-radius: 4px; }
.generic .genericCont #dvDetPedUserBtns a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; }
.generic .genericCont #dvDetPedUserReped { text-align: center;}
.generic .genericCont #dvDetPedUserReped p{ display: inline-block; margin: 4px 2px;}
.generic .genericCont #dvDetPedUserReped a { display: inline-block; padding: 8px 23px; border: 1px solid rgba(0,0,0,0.8); color: rgba(0,0,0,0.8); text-decoration: none; border-radius: 4px; }
.generic .genericCont #dvDetPedUserReped a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; }
.btnPromo a { display: block; background: #333; color: #fff; text-decoration: none; border-radius:4px; padding: 6px 12px; }
/*BORRAR USUARIO*/
.generic .genericCont #dvDelUserCont .dvDelUserForm > div { max-width: 460px; }
.generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn { max-width: 460px; }
.generic .genericCont #dvDelUserCont .pDelUserFormCampOblig { text-align: right; font-size: 12px; color: #999; display: block; }

/*VER CARRITO*/
.loggedCart { animation: blink 3s; -webkit-animation: blink 3s; }
.loggedCart > p{ background-color:#c3e6cb; color: #155724; padding: 4px; border: 1px solid #c3e6cb; border-radius: 4px; display: flex; margin-bottom: 12px; justify-content: center; align-items: center;line-height: 120%; }
.loggedCart > p:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#dvCestaCont { margin: 0 0 20px; }
.dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: var(--bold1);margin: 0 0 12px;}
#tblVerCesto {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow:  hidden;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
#tblVerCesto > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px }
#tblVerCesto > tbody > tr:first-of-type th {padding: 8px 12px;text-transform:  uppercase;background: rgba(0,0,0,0.05);}
#tblVerCesto #trLineaTotal td { border: 0; }
#tblVerCesto > tbody > tr > td {border-bottom: 1px solid rgba(0,0,0,0.05);padding: 8px; position: relative;}
#tblVerCesto > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; }
#tblVerCesto > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;}
#tblVerCesto > tbody > tr > td:first-child a img {width: 80px;margin-right: 12px;}
#tblVerCesto .trProductoCesta .tdNombreProducto a{ color: #666; text-decoration: none; font-weight: var(--bold1); display: flex; flex-flow: row wrap; }
    #tblVerCesto .trProductoCesta .tdNombreProducto a > span:not(:last-child) { margin-right: 4px;}
    #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd { opacity: .8; font-size: 80%; line-height: 120%; margin: 4px 0; padding: 12px; border-radius: 4px; background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); }
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p{ font-style: italic; }
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before { content: "\f27a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; }
.tdNombreProducto > div { display: flex; align-items: center; }

.attachedFiles { display: inline-flex !important; padding: 0 8px; background: rgba(0,0,0,0.06); border-radius: 24px; line-height: 1; font-weight: var(--bold1); min-height: 24px; align-items: center; justify-content: center; color: #666; }
    .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 4px; }
#tblVerCesto .trProductoCesta .tdNombreProducto .attachedFiles {  }

#tblVerCesto .trProductoCesta .tdEliminaProducto {width: 32px;text-align: center; position: relative;}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 12px;color: #dd2c00;}
#tblVerCesto .trProductoCesta .tdEliminaProducto a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {width: 180px;text-align: right;}
#tblVerCesto .tdImporteTotalProducto > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display:  block;}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto { width: 120px; text-align: center; }
#tblVerCesto .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;max-width: 100px;}
#tblVerCesto .tdCantidadProducto > div > table {width: 100%;}
#tblVerCesto .tdCantidadProducto td {/* border-right: 1px solid rgba(0,0,0,0.25); */padding: 4px;}
#tblVerCesto .tdCantidadProducto td:last-child { border: 0;}
#tblVerCesto .tdCantidadProducto a {text-decoration: none;color: inherit;display: flex;/* width: 20px; */justify-content: center;line-height: 20px;padding:  0 4px;}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after,
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 10px;display:  block;}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after { content: "\f067"; }
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after { content: "\f068"; }
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0px;background-color:  rgba(0,0,0,0.05);}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal input {height: 28px;width: 36px;text-align: center;border:0;font-size:  14px;background:  transparent;}
#tblVerCesto .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); }
#tblVerCesto .trTotal{background-color: rgba(0,0,0,0.02);}
#tblVerCesto .trTotal .spnTotalCarrito { font-weight: var(--bold1); }
#dvCestaCont .pIncremPed .spnIncremPed {font-size: 12px;line-height: 16px;opacity: 0.6;text-align: right;display:  block;}
#tblVerCesto .trTotal #liPagaMasTardeSim{ display: flex; justify-content: flex-end; }
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; }

#tblVerCesto .trTotal #liPagaMasTardeSim{ margin-top: 12px; display: flex;  justify-content: center; padding: 2px; border-radius: 8px; max-width: 440pX; }
#tblVerCesto .trTotal #liPagaMasTardeSim:empty { display: none; }
/*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 6 Pro"; font-size: 40px; line-height: 40px; border-radius: var(--radius1); margin-right: 2px; color: #fff; font-weight: 900;}*/
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator { max-width: 360px; width: 100%; border-radius: 8px; overflow: hidden; }
#tblVerCesto .trTotal #liPagaMasTardeSim
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; }

/*Portes no incluidos*/
span.portesNoIncluidos { display: flex; font-size: 90%; line-height: 110%; text-decoration: none; font-style: normal; opacity: .9; font-weight: normal; margin: 8px 0 4px; }
span.portesNoIncluidos:before { content: "\f05a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 4px; flex-shrink: 0; }

#tblResumenProds {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow:  hidden;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
#tblResumenProds > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px }
#tblResumenProds > tbody > tr:first-of-type th {padding: 8px 12px;text-transform:  uppercase;background: rgba(0,0,0,0.05);}
#tblResumenProds #trLineaTotal td { border: 0; }
#tblResumenProds > tbody > tr > td {padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.05);}
#tblResumenProds > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; }
#tblResumenProds > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;}
#tblResumenProds > tbody > tr > td:first-child a img {width: 48px;margin-right: 12px;}
#tblResumenProds > tbody > tr > td > .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; }

#tblResumenProds .trProductoCesta {}
.tdNombreProducto > div { display: flex; align-items: center; }
#tblResumenProds .trProductoCesta .tdEliminaProducto {width: 32px;text-align: right;}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 12px;color: #dd2c00;}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds .thImporte { width: 240px;text-align: right;}
#tblResumenProds .tdImporte, #tblResumenProds .tdImportesSumario {width: 180px;text-align: right;}
#tblResumenProds .tdSumario p{margin: 0 0 8px;padding-bottom:  4px;}
#tblResumenProds .tdImportesSumario p{margin: 0 0 8px;padding-bottom: 4px;}
#tblResumenProds .tdImportesSumario p:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05);}
#tblResumenProds .tdImporte > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display:  block;}
#tblResumenProds .thCantidad,
#tblResumenProds .tdCantidad { width: 120px; text-align: center; }
#tblResumenProds .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;max-width: 140px;}
#tblResumenProds .tdCantidadProducto > div > table {width: 100%;}
#tblResumenProds .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); }
#tblResumenProds .trTotal{background-color: rgba(0,0,0,0.02);}
#tblResumenProds .trTotal .spnTotalCarrito { font-weight: var(--bold1); }

#dvCestaCont .cestaEnvioGratis{ display: inline-block; }
#dvCestaCont .cestaEnvioGratis a {font-size: 90%;padding: 0px 12px;border-radius: 4px;display: inline-flex;margin: 4px 0;align-items: center;text-decoration: none;color: #333;justify-content: center;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;font-weight: var(--bold1);line-height: 120%;}
#dvCestaCont .cestaEnvioGratis a:before{content: "\f48b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 18px;line-height: 18px;text-align: center;}
#dvCestaCont #dvImporteMin {font-weight: var(--bold1);display: inline-block;}

/*Cupones*/
#dvCuponesCarrito {background: rgba(0,0,0,0.05);border-radius: 8px;padding: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 20px;}
#dvCuponesCarrito > p {margin: 8px 0;padding: 0;font-weight: var(--bold1);font-size: 24px;line-height: 28px;max-width: 59%;flex-shrink: 0;}
#dvCuponesCarrito > p > span {font-size: 14px;line-height: 16px;opacity: .8;display: block;margin-top: 8px;}
#dvCuponesCarrito .aplicados, #dvCuponesCarrito .aplicar, #dvCuponesCarrito .aplicables {/* margin: 0 0 12px; *//* padding: 12px; */}
#dvCuponesCarrito .aplicados:not(:last-child), #dvCuponesCarrito .aplicar:not(:last-child), #dvCuponesCarrito .aplicables:not(:last-child) {/* border-bottom: 2px dashed rgba(0,0,0,0.1); *//* padding-bottom: 12px; */}
#dvCuponesCarrito .aplicables {order: 3;margin-top:12px;width: 100%;}
#dvCuponesCarrito .aplicar {/* background: rgba(0,0,0,0.1); */padding: 0;display:  flex;/* justify-content:  space-between; */align-items: center;flex-flow:  row wrap;/* margin-top: 8px; */width: 100%;MAX-WIDTH: 40%;}
#dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicables > p:first-child {font-weight: var(--bold1);margin: 0 0 8px;display: flex;align-items:  flex-start; line-height: 100%;}
#dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicar > p {margin: 0 8px 0 0;display: none;}
#dvCuponesCarrito .aplicar > p:first-child:before, #dvCuponesCarrito .aplicables > p:first-child:before {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-right: 8px;/* margin-top: 4px; */}
#dvCuponesCarrito .aplicar > p.aplicarInput {flex: 1;display: flex;margin: 0;width: 100%;justify-content: flex-end;}
#dvCuponesCarrito .aplicar > div.novalido { width: 100%; color: #dd2c00; font-weight: var(--bold1); background: rgba(255,255,255,0.8); text-align: center; padding: 4px; border-radius: 4px; margin-top: 8px;}

#dvCuponesCarrito .aplicar input[type="text"] {border: 0;background: #ffffff;border-radius: 4px 0 0 4px;padding: 8px 12px;width: 100%;margin:  0;border: 2px solid rgba(0,0,0,0.1);}
#dvCuponesCarrito .aplicar a {border: 0;padding: 4px 12px;text-decoration: none;display: inline-flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;max-width: 120px;border-radius: 0 4px 4px 0;margin-left: 0;background: rgba(0,0,0,0.1);color: #333;}
#dvCuponesCarrito .aplicar a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-right: 8px;}
#dvCuponesCarrito .aplicar label { display: inline-flex;  }
#dvCuponesCarrito .aplicar > p.aplicarInput > label:first-child {width: 100%;max-width: 400px;}

#dvCuponesCarrito .coupon-row {background: #fff;padding: 8px 16px;border-radius: var(--radius-default);}
#dvCuponesCarrito .coupon-row:not(:last-child) { margin: 0 0 8px; }
#dvCuponesCarrito .cupon {display: flex;justify-content: space-between;align-items: center;}
#dvCuponesCarrito .coupon-row .desc { display: none; margin-top:  8px; font-size: 14px; line-height: 18px; opacity: 0.8; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.2)}
#dvCuponesCarrito .cupon > p { margin: 0;}
#dvCuponesCarrito .cupon .nombre {font-weight: var(--bold1);margin-right: 8px;}
#dvCuponesCarrito .cupon .codigo {padding: 2px 8px;border-left: 2px solid rgba(0,0,0,0.1);border-right: 2px solid rgba(0,0,0,0.1);margin: 2px 8px 2px 0;display: inline-block;}
#dvCuponesCarrito .cupon .info {color: #007aff;/* margin-left: 8px; */text-decoration: underline;cursor:  pointer;display: inline-block;}
#dvCuponesCarrito .cupon .aplica { flex-shrink: 0; }
#dvCuponesCarrito .cupon .aplica a {display: block;text-decoration: none;color: rgba(0,0,0,0.8);padding: 4px 8px;border-radius: 4px;margin-left: 20px;text-transform: uppercase;font-weight:  bold;font-size:  14px;background: rgba(0,0,0,0.05);}
#dvCuponesCarrito .cupon .aplica a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 12px;}

#dvCuponesCarrito .aplicados {margin: 0 0 20px;order: 1;width: 100%;margin-top: 4px !important;}
#dvCuponesCarrito .aplicados > div {background: #fff;padding: 8px 16px;border-radius: var(--radius-default);}
#dvCuponesCarrito .aplicados > div:not(:last-child) { margin: 0 0 8px; }
#dvCuponesCarrito .aplicados > div > div { display: flex; justify-content: space-between; align-items: center; }
#dvCuponesCarrito .aplicados > div > div.couponSelect {display:  block;margin: 12px 0;border-top: 1px solid rgba(0,0,0,0.1);padding-top: 8px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > p{flex-shrink:  0;margin: 0 0 4px;font-weight:  bold;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div{display:  flex;border: 0;box-shadow:  none;background-color:  transparent; }
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta{/* width:  100%; */border: 0;background-color: transparent;margin:  4px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto{display: inline-flex;margin:  4px 0;/* align-items:  center; */background-color:  rgba(0,0,0,0.05);padding: 0;border-radius: 4px;overflow:  hidden;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto .radiobtn > span:before { margin: 0; }
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > div{width:  40px;background-color: rgba(0,0,0,0.05);justify-content:  center;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a{padding: 8px;display:  inline-flex;align-items:  center;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a img{display: block;max-width: 56px;border-radius:  4px; margin-left: 8px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a.lnkExterno{}

#dvCuponesCarrito .aplicados > div > div > * {display: inline-flex;align-items:  center;flex-flow: row wrap;}
#dvCuponesCarrito .aplicados:not(:last-child) {margin: 0;}
#dvCuponesCarrito .aplicados .desc {display: none;margin-top: 8px;}
#dvCuponesCarrito .aplicados > p { margin: 0; }
#dvCuponesCarrito .aplicados .nombre {font-weight: var(--bold1);display: inline-flex;align-items: center;margin: 4px 12px 4px 0;}
#dvCuponesCarrito .aplicados > div .nombre:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 24px;margin-right: 8px;color: #66bb6a;}
#dvCuponesCarrito .aplicados .codigo {padding: 4px 8px;background-color: rgba(0,0,0,0.05);border-radius: 4px;margin-right: 12px;display:  inline-block;}
#dvCuponesCarrito .aplicados .info {color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px;}
#dvCuponesCarrito .aplicados .info:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; }
#dvCuponesCarrito .aplicados .info > span {  }

#dvCuponesCarrito .aplicados .eliminar a { color: #dd2c00; font-size: 12px; display: block; padding: 8px;}

/*Regalo*/
#dvAceptRegalo {padding: 0px;margin: 4px 0 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%);display: flex;align-items: center;}
#dvAceptRegalo > div > div > p:before {content: "\f06b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 6px;/* border-right: 1px solid rgba(0,0,0,0.1); */display: flex;align-items: center;flex-shrink: 0;font-size: 20px;}
#dvAceptRegalo .dvAceptRegaloCont {display: flex;align-items: center;flex-flow: row wrap;}
#dvAceptRegalo > div > div {margin: 0;}
#dvAceptRegalo > div > div.checkBoxCont {display: inline-flex;margin: 4px 8px 4px 0;}
#dvAceptRegalo > div > div > p {font-weight: var(--bold1);margin: 0;display: flex;}
#dvAceptRegalo > div > div > p span:last-child{ display: inline-block; }
#dvAceptRegalo .pRegaloDesc {margin: 4px 0;font-size: 14px;line-height: 18px;display: inline-block;align-self: flex-end;justify-self: flex-end;}
#dvAceptRegalo .pRegaloDesc span a {color: #666;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius: 4px;margin: 4px 4px 4px 0;cursor: pointer;font-size: 12px;line-height: 14px;text-decoration: none;}
#dvAceptRegalo .pRegaloDesc span a:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; }
#dvAceptRegalo .pRegaloDesc .allcontent {margin: 8px 0;}
#dvAceptRegalo #dvObservacCli input {border: 1px solid #eee;background: #fff;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
/*Facturacion*/
#frmDatosCompra { }

.datosCompra {display: flex;flex-flow: row-reverse;overflow: hidden;align-items: flex-start;}
.datosCompra .datosCompraRight {width: 360px;flex-shrink: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 );border-radius: 8px 8px 0 0;}
.datosCompra .datosCompraLeft {width: 100%;margin-right: 40px;}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding: 16px 16px 0;margin: 0;border: 0;font-size: 24px;line-height: 24px;}
.datosCompra .datosCompraRight #tblVerCesto {box-shadow: none;padding: 12px 0 0;}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto > tbody,
.datosCompra .datosCompraRight #tblVerCesto > td,
.datosCompra .datosCompraRight #tblVerCesto > tr {display: block;width: 100%;}
.datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; }

.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; }
.datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td {padding: 8px 0px 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;margin: 0 0 8px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000',GradientType=0 );padding: 0 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { margin: 0;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {width: 100%;border: 0 !important;PADDING: 8px 12px 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {width: 45%;padding: 4px 12px;max-width: 112px;}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0;}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {padding: 0;width: 28px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; }
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
.datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {width: 48px;border-radius:4px;}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {font-weight: var(--bold1);display: block;padding: 0 12px;/* background: transparent; */}
.datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {display: none;}
.datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {display: none;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {font-size: 16px;flex: 1;line-height: 16px;}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {padding: 20px 8px;}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito { font-size: 130%; }

.datosCompra #dvCestaCont .pIncremPed .spnIncremPed { padding: 0 12px;}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span{width: 100%;}



.carritoDatos { }
.carritoDatos input[type = text], .carritoDatos input[type = tel], .carritoDatos input[type = email], .carritoDatos textarea, .carritoDatos select {border: 1px solid #eee;background: #f0f0f0;border-radius: 4px;margin: 0;padding: 8px 8px;width: 100%;/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */}
.carritoDatos textarea::placeholder { font-size:14px; line-height: 16px; font-style: italic; opacity: .8}
.carritoDatos .radiobtn:not(:last-child) { margin-right: 8px; }
.carritoDatos .carritoDatosLeft {}
.carritoDatos .carritoDatosRight {}

.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {margin: 0 0 20px;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-left-width: 12px !important;border-radius: 8px;border-width: 0;box-shadow: inset 0px -10px 140px rgba(0,0,0,0.05);}
.carritoDatos .carritoDatosLeft .carritoObservaciones textarea {height: 88px;}

.carritoDatos .carritoDatosRight .carritoFacturacion { border-color: #cfd8dc; }
.carritoDatos .carritoDatosRight .carritoEnvio { border-color: #b0bec5; }
.carritoDatos .carritoDatosRight .carritoPago { border-color: #90a4ae; }
.carritoDatos .carritoDatosLeft .carritoObservaciones { border-color: #b0bec5; }


.carritoDatos .carritoDatosRight .carritoFacturacion ul,
.carritoDatos .carritoDatosRight .carritoEnvio ul,
.carritoDatos .carritoDatosRight .carritoPago ul {list-style: none;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}

.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 49%; }

.carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli,
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 { width: 100%; }


.carritoDatos .carritoDatosRight .carritoFacturacion ul li div,
.carritoDatos .carritoDatosRight .carritoEnvio ul li div,
.carritoDatos .carritoDatosRight .carritoPago ul li div { margin: 0 0 4px; }

.carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span:not(.field-validation-error), .carritoDatos .carritoDatosRight .carritoPago ul li div > span {margin: 4px 0;display: block;font-size: 12px;line-height: 12px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul li div > span { margin: 0 0 4px;display: block;}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span.field-validation-valid { margin: 0; }
.carritoFacturacion .spnApartEnvFactTit,
.carritoEnvio .spnApartEnvFactTit,
.carritoDatos .spnApartEnvFactTit,
.carritoObservaciones .spnApartEnvFactTit,
.datosCompra #spnCabRealizarPedidoIntBlan{display: flex;padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: var(--bold1);margin: 0 0 8px;text-transform: uppercase;align-items: center;font-size: 18px;width:  100%;}

.carritoFacturacion .spnApartEnvFactTit:before,
.carritoEnvio .spnApartEnvFactTit:before,
.carritoPago .spnApartEnvFactTit:before,
.carritoObservaciones .spnApartEnvFactTit:before,
.datosCompra  #spnCabRealizarPedidoIntBlan:before{font-weight: 900;font-family: "Font Awesome 6 Pro" !important;padding: 4px;display: flex;align-items: center;flex-shrink: 0;font-size: 24px;line-height: 24px;margin: 0 4px 0 0;align-self: flex-start;}

.carritoFacturacion .spnApartEnvFactTit:before { content: "\f277"; }
.carritoEnvio .spnApartEnvFactTit:before { content: "\f48b"; }
.carritoPago .spnApartEnvFactTit:before { content: "\f09d"; }
.carritoObservaciones .spnApartEnvFactTit:before {content: "\f27a";}
.datosCompra  #spnCabRealizarPedidoIntBlan:before {content: "\f07a";}

.carritoFacturacion .spnApartEnvFactTit span span,
.carritoEnvio .spnApartEnvFactTit span span,
.carritoDatos .spnApartEnvFactTit span span { font-size: 14px; display: inline-block; opacity: 0.8; line-height: 16px; }
.carritoFacturacion #dvApartEnvFactRdBt, .carritoEnvio .dvAcepEnv {margin: 0 0 12px;}
#dvApartEnvFactCheck {margin: 0 0 12px;}
.ulMetodoEnvio { }

#liForEnvObsEspec { display: block; margin: 20px 0 0;}
/*#liForEnvObsEspec input {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: top;
}*/
#liForEnvObsEspec textarea {
    display: block;
    margin: 8px 60px 0 0;
    width: 100%;
    height: 60px;
    min-height: 60px;
    resize: vertical;
}

/*Facturación usuario registrado*/
#carritoFacturacionData p{ margin: 0; }
#carritoFacturacionData p:first-of-type{ font-weight:bold;}

#carritoEnvioData { margin: 0 0 20px }
#carritoEnvioData p{ margin: 0; }
#carritoEnvioData p:first-of-type{ font-weight:bold;}

#carritoFacturacionData a, #carritoEnvioData a { display: inline-block; background: rgba(0,0,0,0.1); padding: 8px; border-radius: 4px; margin-top: 4px; text-decoration: none; text-transform: uppercase; font-size: 12px;  line-height: 12px; font-weight: var(--bold1);}
#carritoFacturacionData a:before, #carritoEnvioData a:before { content: "\f044"; font-weight: 900;font-family: "Font Awesome 6 Pro" !important;margin: 0 4px 0 0;}
#carritoFacturacionData .wLog, #carritoEnvioData .wLog {padding: 12px;border: 1px dashed rgba(0,0,0,0.2);border-radius: 8px;background: rgba(255,255,255,0.5);display: block;text-align: right;}
#carritoFacturacionData .wLog p, #carritoEnvioData .wLog p { text-align: left; }

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio { display: block; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;margin:  0;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) { margin: 0 0 8px; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div:not(.radiobtn):not(.allcontent) { padding: 8px; border: 2px solid rgba(0,0,0,0.1); width: 100%; margin: 0; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin:  0;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn > span:before { margin: 0; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > span {margin: 0 0 4px;display: inline-block;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage {float: right;margin: 4px;border-radius: 4px;border: 0;padding: 4px;width:  auto;max-width: 72px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p {margin: 0;width:  100%;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p img{display: block;margin: 0;max-width: 100%;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado { margin-left: 8px; display: inline-flex; align-items: center; text-decoration: none;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado:after { content: "\f105";font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 12px; margin-left: 4px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p:last-of-type { font-size: 14px; line-height: 18px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; }

.carritoDatos .carritoDatosRight .carritoPago {display:  block;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;WIDTH:  100%;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) { margin: 0 0 8px; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div:not(.radiobtn) {padding: 8px;border: 2px solid rgba(0,0,0,0.1);border-left: 0;width: 100%; margin: 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin: 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn > span:before { margin: 0; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div > span {margin: 0;display: inline-block;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {margin: 8px 0 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas > .liMetodoPagoImg {display: inline-block;max-width: 60px;margin-right:4px;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img { display: block; margin: 0; max-width: 100%; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones {font-size: 14px;line-height: 18px;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 0px 4px 0px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } 
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked{ background: red; }

.carritoDatos .carritoDatosRight .carritoObservaciones { display: block; }

#dvLnkCarrito { display: flex; justify-content: space-between; flex-direction: row-reverse; }




/*RESUMEN PEDIDO*/
.generic .genericCont .resumenCarrito { display: flex; justify-content: space-between;}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit, .generic .genericCont .resumenProductos .spnApartEnvFactTit{display: flex;justify-content: space-between;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 4px;text-transform:  uppercase;}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit span span, .generic .genericCont .resumenProductos .spnApartEnvFactTit span span{ opacity: 0.7; display: inline-block; }
.generic .genericCont .resumenCarrito .spnApartEnvFactTit a, .generic .genericCont .resumenProductos a{flex-shrink: 0;text-transform: uppercase;font-size: 11px;font-weight: var(--bold1);text-decoration: none;color: inherit;padding: 2px 8px;background-color: #fff;border-radius: 4px;opacity:  0.9; align-self: center; }
.generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio  { width: 49.5%; }
.generic .genericCont .resumenCarrito .resumenFacturacion > div, .resumenCarrito .resumenEnvio > div, .resumenProductos, #dvCuponesCarrito.resumenProductos {padding: 20px;margin: 0 0 20px;border-radius:  4px;background: rgba(0,0,0,0.05);}

.generic .genericCont .resumenCarrito .resumenFacturacion > div p, .generic .genericCont .resumenCarrito .resumenEnvio > div p{ margin: 0 0 8px; }
.resumenProductos{ border-radius: 4px; }
.resumenProductos #tblResumenProds{ background-color: #fff; }
.resumenProductos #tblResumenProds > tbody > tr:first-of-type th { background: rgba(0,0,0,0.01)}
.resumenProductos #tblResumenProds > tbody > tr > td.tdSumario{ text-align: right; }
.resumenProductos #tblResumenProds > tbody > tr.trTotales { text-align: right;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div{text-align:  right;margin: 4px 0;display:  flex;align-items:  center; justify-content: flex-end;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div > span:last-child:not(:first-child) {width: 80px;margin-left: 8px;flex-shrink: 0;/* font-weight:  bold; */}

#dvMetodoPagoBotones {display: flex;align-items: flex-end;justify-content: space-between;flex-flow:  row wrap;}
#dvMetodoPagoBotones .btnDerCont a { margin-left: 4px;}

/* PEDIDO FINALIZADO*/
#spnCabRealizarPedidoIntBlan {margin: 0 0 4px;display: inline-block;}
#dvPedidoFinalInt {  }
#dvPedidoFinalInt .encabezado{ font-weight: var(--bold1); padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 12px;}
#dvPedidoFinalInt > .dvPedidoFinalDatos { padding: 12px; background: rgba(0,0,0,0.05); border-radius: var(--radius-default); margin: 0 0 20px; border-left: 12px solid rgba(0,0,0,0.1)}
.btnPedidoFinalizado { display: flex; justify-content: center; margin: 0 0 20px;}
.btnPedidoFinalizado > * { display: inline-block; margin: 4px; padding: 4px 8px; border-radius: var(--radius-default); border: 4px solid rgba(0,0,0,0.1); font-weight: var(--bold1); color: inherit; text-decoration: none; cursor: pointer;}

/*AMAZON PAY*/
.genericCont.--amazonPay { max-width: 640px; padding: 32px; background-color: #eee; border-radius: var(--radius-default); }
#AmazonPayButton { text-align: center;}
#AmazonWalletWidgetDiv { margin-top: 28px; }
#AmazonWalletWidgetDiv:empty { display: none; }
.amazon-next { margin: 16px 0 0 auto; }

/*KLARNA*/
.KlarnaMethod{ width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; border: 8px solid #f0eeeb; }
.KlarnaMethod:not(:last-child) {margin-bottom: 40px;}
.KlarnaMethod .KlarnaAction{ display: flex; justify-content: flex-end; margin-top: 12px; }
.KlarnaMethod .KlarnaAction button {  display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 12px; border-radius: var(--radius-default); font-size: 90%; line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.notKlarna {width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; background: #333; color: #fff;  text-align: center;}
.notKlarna a { color: #fff;}
/*Cookies*/
.cc-banner.cc-bottom, .cc-window.cc-floating { background-color: rgba(0,0,0,0.9) !important; padding: 1em 1.8em; }
/*TIENDA CERRADA*/
#dvTiendaCerrada { text-align: center; padding: 12px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; margin: 8px; border-radius: 8px; }
#dvTiendaCerrada .dvBgAma > p:first-child {font-size: 20px;margin:  0 0 8px;font-weight: var(--bold1);}
body.tiendacatalogo { }
body.tiendacatalogo .fichaBoton { opacity: .6; }
body.tiendacatalogo .fichaBoton a { cursor: not-allowed; }

/* Legal */
.generic .genericCont .dvLegal{margin-top:20px;}
.generic .genericCont .dvLegal .enc{font-weight:bold;margin:0 0 8px; font-size:120%;}
.generic .genericCont .dvComboBox{margin-bottom:20px;}
.generic .genericCont .dvLegal div:not(:last-child) { margin: 0 0 20px; }

#dvErrorContenido { max-width: var(--max-width); margin: 0 auto; padding: 40px}
#dvErrorContenido p { margin: 0 0 8px;}
#dvErrorContenido ul { padding-left: 18px; list-style: none;}
#dvErrorContenido ul li { margin: 8px 0;}

/* Sitemap */
.generic .genericCont .dvSiteMap ul ul{margin-top:8px;}
.generic .genericCont .dvSiteMap ul li{list-style:square;margin-bottom:8px;}
.generic .genericCont .dvSiteMap ul li ul{margin-left:20px;}
.generic .genericCont .dvSiteMap ul li ul li{list-style:circle;}
.generic .genericCont .dvSiteMap ul li ul li ul li{list-style:disc; }
.generic .genericCont .dvSiteMap a{color:#333; font-weight: bold;}
.generic .genericCont .dvSiteMap .numProdCategoSiteMap{color:#999; display: inline-block; }
.generic .genericCont .dvSiteMap .productosTotalesSiteMap{color:#333; font-weight: bold; margin-top: 40px;}



/* ERRRORES (nueva contraseña sin requisitos)*/
.validation-summary-errors { padding: 0; margin: 0; }
.validation-summary-errors ul{ padding: 0 !important; }
.validation-summary-errors ul li{ display: block; list-style: none; color:#ff1100; padding: 0; margin: 0; font-weight: var(--bold1); }

/*PRODUCTOS*/
.RCRProds .RCRProdsPrev {display: flex;justify-content: center;margin: 0 0 20px;flex-wrap: wrap;align-items:  center;}
.RCRProds .RCRProdsPrev .numProds {font-size: 14px;opacity: 0.8;display: inline-flex;align-items: center; text-align: center; margin: 8px auto 8px 0; }
.RCRProds .RCRProdsPrev .RCRProdsPrevRight { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }

.RCRProds .RCRProdsPrev #dvOrderBy {max-width: 460px; width: 100%; align-items: center; }
.RCRProds .RCRProdsPrev #dvOrderBy form { display: flex; align-items: center; }
.RCRProds .RCRProdsPrev #dvOrderBy form > *:first-child:not(:last-child) { margin-right: 8px; }
.RCRProds .RCRProdsPrev #dvOrderBy form .select { width: 100%; }
.RCRProds .RCRProdsPrev #dvOrderBy form > p { flex-shrink: 0; }
.RCRProds .noProds { border-radius: 4px; margin: 0 0 20px; display: flex; align-items: center; font-size: 20px; font-weight: var(--bold1); opacity: .8; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; }
.RCRProds .noProds:before { content: "\f06a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 24px; margin-right: 8px; }


/*Productos*/
.RCRProdsCont { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--productos-margin); }

/*PRODUCTOS PORTADA*/
.prodlist { padding: var(--section-margin) 16px; }
.prodlist .prodlistCont { max-width: var(--max-width); margin: 0 auto; position: relative;}
.prodlist .prodlistCont .prodlistInfo { margin: 0 0 20px; text-align: center; }
.prodlist .prodlistCont .prodlistInfo .title2 { }
.prodlist .prodlistCont .prodlistInfo p { }
.prodlist > div > p { text-align: center; font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic; }
.prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr 1fr; }

.RCRButton { text-align: center; margin-top: 30px; }
.RCRButton a{display: inline-flex;align-items: center;text-decoration: none;background: var(--secondary); color: var(--secondary-invert); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.RCRButton a::after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px;  }



/*LOGIN CARRITO*/
.loginCart {margin: 40px auto;max-width: 720px;background: rgba(0,0,0,0.05);display: flex;overflow: hidden;border-radius: 8px;}
.loginCart .title {font-size: 20px;line-height: 28px;margin: 0 0 8px;font-weight: var(--bold1);text-transform: uppercase;}
.loginCart .loginCartReg { width: 50%; padding: 20px;}
.loginCart .loginCartReg input[type="email"], .loginCart .loginCartReg input[type="password"]{display: block;width: 100%;background-color: #fff;padding: 8px 12px;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;}
.loginCart .loginCartReg input[type="email"] { margin: 0 0 8px; }
.loginCart .loginCartReg input[type="password"] { margin: 0;}
.loginCart .loginCartReg input::placeholder {opacity: .8; font-style: italic; }
.loginCart .loginCartReg #lnkRecPwd {font-size: 12px;line-height: 14px;margin: 0 0 8px;display: inline-block;}
.loginCart .loginCartReg .spnLogError { display: block; color: #dd2c00; margin: 2px; font-size: 14px; font-weight: var(--bold1);}
.loginCart .loginCartReg .pBtnLogin button {display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px;border-radius: var(--radius1);font-size: 16px;line-height: 18px;background-color: var(--secondary);text-decoration: none;color: #fff;font-weight: var(--bold1);margin-top: 8px;}
.loginCart .loginCartReg .pBtnLogin button:before {content: "\f090";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 20px;line-height: 20px;margin-right: 8px;}

.loginCart .loginCartNoReg {width: 50%;padding: 20px;background: rgba(0,0,0,0.05);display: flex;flex-direction: column;}
.loginCart .loginCartNoReg > p:nth-child(2){flex: 1;font-size: 14px;line-height: 18px;}
.loginCart .loginCartNoReg .pBtnReg { }
.loginCart .loginCartNoReg .pBtnReg a{display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px;border-radius: var(--radius1);font-size: 16px;line-height: 18px;background-color: rgba(255,255,255,1);text-decoration: none;color: var(--secondary);font-weight: var(--bold1);margin-top: 8px;border: 1px solid var(--secondary);}
.loginCart .loginCartNoReg .pBtnReg a:before {content: "\f4fd";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 20px;margin-right: 8px;line-height: 20px;}
.loginCart .loginCartNoReg .pBtnReg a:after {content: "\f101";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-left: 8px;line-height: 14px;margin-top: 4px;}



/*NOTICIAS*/
/* MOSAICO */
.widNot { text-align: center; background: #fff; padding: var(--section-margin) 16px; 
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
    background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 );
}
.noticia .widNot {padding: 40px 0;}
.widNot .widNotCont { max-width: var(--max-width); margin: 0 auto; }
.widNot .widNotCont .widNotContInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.widNot .widNotCont .bgc {}
.bloggalvacio { padding: var(--section-margin) 16px; font-weight: var(--bold1); font-size: 26px; line-height: 140%; text-align: center; }

.bmmin1 .bloggalcont{ text-align: left;} 
.bmmin1 .bloggalcont{ display: flex; text-decoration: none; align-items: flex-start; border-bottom: 1px solid #eee; padding: 12px 0;}
.bmmin1 .bloggalcont > a > img{ display: block; width: 200px; max-width: 200px; min-width: 200px; border-radius: var(--radius-default); } 
.bmmin1 .bloggalcont > div{ width: 100%; height: 100%; padding: 12px; overflow: hidden;}
.bmmin1 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 72px; overflow: hidden; position: relative; }
.bmmin1 .bloggalcont > .bgc > .bgctitle a { color: inherit; text-decoration: none; font-size: 20px; line-height: 24px; display: inline-block; }
.bmmin1 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 48px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bmmin1 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin1 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; }
.bmmin1 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin1 .bloggalcont .bgcinfo{max-height: 40px; /* Múltiplo del line-height*/overflow: hidden;position: relative;font-size: 16px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo h2 {margin: 0;font-weight: inherit;font-size: 14px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo p{margin: 0;padding:0;font-size: 14px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.bmmin2 > .widNotCont > .widNotContNots { column-count: 2; }
.bmmin2 .bloggalcont{ display: inline-flex; width: 100%; text-decoration: none; align-items: center; margin-bottom: 12px; background: #fff; text-align: left; border-radius: var(--radius-default); overflow: hidden;}
.bmmin2 .bloggalcont .bgc > a { color: inherit; text-decoration: none; max-height: 44px; display: block; overflow: hidden; position:relative; width: 100%;}
.bmmin2 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 40px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bmmin2 .bloggalcont > a > img{ display: block; width: 160px; max-width: 160px; } 
.bmmin2 .bloggalcont > div{ width: 100%; height: 100%; padding: 8px 20px; overflow: hidden; max-height: 120px; overflow: hidden;} 
.bmmin2 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 60px; overflow: hidden; position: relative; font-size: 16px; line-height: 20px; }
.bmmin2 .bloggalcont > div > .bgctitle > a{ color: inherit; text-decoration: none;}
.bmmin2 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin2 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; vertical-align: middle; }
.bmmin2 .bloggalcont .bgcdatos .bgccat { max-height: 35px; overflow: hidden; display: inline-flex; align-items: center;}
.bmmin2 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; display: inline-block; max-width: 100%; overflow:  hidden; text-overflow: ellipsis; white-space: nowrap; }
.bmmin2 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.bmmin2 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin2 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); }





.bmmin3 .widNotContNots{display: flex;flex-flow: row wrap;justify-content: space-between;}
.bmmin3 .widNotContNots .bloggalcont{width: 23%;margin: 0 0 20px; text-align: left;}
.bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child {margin-right: 25.666%;}
.bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child {margin-right: 51.333%;}
.bmmin3 .widNotContNots .bloggalcont:first-child:last-child {margin-right: 76.999%;}
.bmmin3 .widNotContNots .bloggalcont a{ color: currentcolor; } 
.bmmin3 .widNotContNots .bloggalcont > a > img{ display: block; width: 100%; } 
.bmmin3 .widNotContNots .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} 
.bmmin3 .widNotContNots .bloggalcont .bgctitle a{margin: 0;display: block;width: 100%;font-size: 14px;overflow: hidden;line-height: 16px; color: #666; text-decoration: none;}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:8px 0 0;}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos > div, .bmmin3 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 12px;line-height: 12px;}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat{ display: none; }
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin3 .widNotContNots .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; }
.bmmin3 .widNotContNots .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin3 .widNotContNots .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }



.bmmin4{display: flex;max-width: var(--max-width);flex-flow: row wrap;/* justify-content: space-between; */}
.bmmin4 .bloggalcont{width: 23%;margin: 0 1% 20px;}
.bmmin4 .bloggalcont > a > img{ display: block; width: 100%; } 
.bmmin4 .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} 
.bmmin4 .bloggalcont > div > .bgcnom > h2{margin: 0;display: block;width: 100%;font-size: 12px;overflow: hidden;line-height: 16px;}
.bmmin4 .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:4px 0 0;}
.bmmin4 .bloggalcont .bgcdatos > div, .bmmin4 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 10px;line-height: 10px;}
.bmmin4 .bloggalcont .bgcdatos .bgccat{ display: none; }
.bmmin4 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin4 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; }
.bmmin4 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin4 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.texto__legal { margin: 12px 0; font-size: 12px; line-height: 140%; opacity: 0.6; max-width: 460px;}
    .texto__legal p:not(:last-child) { margin: 0 0 4px !important; }

.kitDigital {}
.kitDigital {}

/*******************************
Kit Digital
*******************************/
.kitDigital {
    padding: 40px 16px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
}

.kitDigital > .kitDigitalCont {
    max-width: var(--max-width);
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: center;
}

.kitDigital .kitDigital__logo {
    display: block;
    width: 220px;
    max-width: 100%;
}

@media screen and (min-width: 1024px) {
    .kitDigital > .kitDigitalCont {
        grid-template-columns: 220px 220px auto;
        text-align: left;
    }
}

@media screen and (max-width: 1023px) {
    .kitDigital .kitDigital__logo.kitDigital__logo--EU {
        grid-area: 1 / 1;
        margin: 0 0 0 auto;
    }

    .kitDigital .kitDigital__logo.kitDigital__logo--TR {
        grid-area: 1 / 2;
        margin: 0 auto 0 0;
    }

    .kitDigital .kitDigital__text {
        grid-area: 2 / 1 / 3 / 3;
    }
}




/* MEDIDAS RESPONSIVE */
@media screen and (min-width: 1024px) {
    #login_box {position: absolute;z-index: 3;background-color: #fff; color:#333; box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid var(--primary);text-align: center;width: 260px;font-weight: normal;display:  none;}
        #cart .cart-prod-list {font-size: 12px;line-height: 14px;position: absolute;z-index: 3;background-color: #fff;color:#333; box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid var(--primary);width: 360px;font-weight: normal;padding: 8px 12px;}
        #cart .cart-prod-list:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 6 Pro";color: var(--primary);display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;}


        .datosCompra { }
        .datosCompra #dvCestaCont{ margin: 0; }

       .datosCompra #dvCuponesCarrito {display: block; margin: 20px 0;}
       .datosCompra #dvCuponesCarrito > p {max-width: 100%;}
       .datosCompra #dvCuponesCarrito .aplicados:not(:last-child), .datosCompra #dvCuponesCarrito .aplicar:not(:last-child), .datosCompra #dvCuponesCarrito .aplicables:not(:last-child) { max-width: 100%; }
       .datosCompra #dvCuponesCarrito .aplicar {max-width: 100%;}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicables > p:first-child {}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicar > p {}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child:before, .datosCompra #dvCuponesCarrito .aplicables > p:first-child:before {}
       .datosCompra #dvCuponesCarrito .aplicados:not(:last-child) { margin: 0 0 12px;}

    }

    /*################
    ##### 1 0 2 3 ####
    ################*/
@media screen and (max-width: 1023px) {
        #search {/* flex-direction: column-reverse; */}
        #search.active {/* opacity: 1; */}
        /*#search .close { display: block; }*/

        #search .searchBar input { font-size: 16px; line-height: 36px;}
        header .header .headerCont #searchbtn { display: block; }
        .searchCont #search_results {position: static;margin: 20px 0 0;border-radius: 0;box-shadow: none;/* background:  rgba(0,0,0,0.05); */flex:  1;/* border-top: 1px solid rgba(0,0,0,0.1) */}
        .searchCont #search_results ul {}
        .searchCont #search_results ul li {padding: 8px 0;}
        .searchCont #search_results ul li:not(.liTitle):hover { }
        .searchCont #search_results ul li:not(:last-child) { }
        .searchCont #search_results ul li.liTitle {padding: 8px 0;background:  transparent;}
        .searchCont #search_results ul li.liTitle:before { }
        .searchCont #search_results ul li p { }
        .searchCont #search_results ul li p a{padding: 4px;}
        .searchCont #search_results ul li p .img{ }
        .searchCont #search_results ul li p .nom{}
        .searchCont #search_results ul li p .nom a {}
        .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; }
        .searchCont #search_results ul li.verTodos a { color: black; }

        #user a #btLogout { display: none; }
        
        header .hcont > div > .htconr .carrito a > span > .cant { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 22px; height: 22px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 100%; transform: translateX(25%) translateY(-25%); color: #532A9E; border: 2px solid; }
        #cart .cart-prod-list .hCartButtons {display: block;margin: 28px 0 0;}
        #cart .cart-prod-list .hCartButtons .hCartLink { width: 100%; margin: 0 0 8px;}
        #cart .cart-prod-list .hCartButtons .hCartLink a {padding: 10px 14px; }
        #cart .cart-prod-list .hCartButtons .hOrderLink { width: 100%;}
        #cart .cart-prod-list .hCartButtons .hOrderLink a {padding: 12px 16px; }


        #PORT02 .PORT02Cont {grid-template-columns:1fr 1fr; }


        .generic .dvPromo .img { width: 180px; float: left;}
        .generic .dvPromo .left { }
        .generic .dvPromo .right {width: 260px;}

        #dvContactoCont { display: block; }
        .dvContactoForm, #dvContactoPeticionFeita { padding: 20px 0 0; border-left: 0; border-top: 4px dashed rgba(0,0,0,0.1); margin: 20px 0 0; max-width: 100%; }
        .dvContatoInfoSup { display: flex; }
        .dvContatoInfoSup .dvContactoFormRight { margin-left: 8px; }
        .dvContatoInfoSub { display: flex; flex-wrap:wrap; justify-content: space-between;}
        .dvContatoInfoSub .tac { width: calc(50% - 6px); margin: 0; display: flex; justify-content: center; align-items: center; padding: 8px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; }
        .dvContatoInfoSub input[type="button"]{ width: calc(50% - 6px); }
        .dvContatoInfoSub .ulContatoInfoSubGroup { width: 50%; margin-left: 8px; }

        #dvCuponesCarrito .aplicar { display: block; }
        #dvCuponesCarrito .aplicar > p:first-child { margin: 0 0 8px; }
        #dvCuponesCarrito .aplicar > p:last-child > label:first-child { max-width:100%;  }

        .carritoDatos { display: block; }
        .carritoDatos .carritoDatosLeft, .carritoDatos .carritoDatosRight {width: 100%;padding-right: 0;padding-left:  0;}
        .usuarios .altaNewsTac { margin-left:0;}

        .rightSlide {position: fixed;top: 0;right: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex !important;flex-direction:  column;width: 320px;background-color: #fff;padding: 24px 12px;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease;transition: right 300ms ease;}
        .rightSlide.active {right: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important;z-index: 10;/* display: flex !important; */}
        .rightSlide.menu_mob.active { padding: 0; }

        .leftSlide {display: block;position: fixed !important;top: 0;left: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex;flex-direction:  column;width: 320px;background-color: #fff;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease, left 300ms ease;}
        .leftSlide.active {left: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important; z-index: 10; padding: 0; }
        .leftSlide.menu_mob.active { padding: 0; }
        #search.leftSlide{display: block;padding: 24px 12px;}

        #login_box.rightSlide {justify-content: center;text-align: center;padding:  0;}
        #cart .cart-prod-list {/* padding-top: 40px; */}
        #cart .cart-prod-list ul{flex: 1;}
        #cart .cart-prod-list .hCartProd { padding: 12px 8px}
        #cart .cart-prod-list .hCartTotal {padding: 12px; font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartTotalSinIva { padding: 12px; font-size: 12px; line-height: 24px; }
        #cart .cart-prod-list .hOrderLink {}
        #cart .cart-prod-list .hOrderLink a {font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartLink {}
        #cart .cart-prod-list .hCartLink a {font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartProd .hCartProdInfo img { max-width: 60px;}
        #cart .cart-prod-list .hCartProd .hCartProdInfo p { font-size: 16px; line-height: 20px; }
            #cart .cart-prod-list .hCartProd .hCartProdDelete { font-size: 14px; align-self: center; }
        .datosCompra { display: block;}
        .datosCompra .datosCompraRight { width: 100%; margin: 0 0 20px;}
        .datosCompra .datosCompraleft { margin: 0;}
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{  }


        .datosCompra {}
        .datosCompra .datosCompraRight {}
        .datosCompra .datosCompraLeft { }
        .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {}
        .datosCompra .datosCompraRight #tblVerCesto {}
        .datosCompra .datosCompraRight #tblVerCesto,
        .datosCompra .datosCompraRight #tblVerCesto > tbody,
        .datosCompra .datosCompraRight #tblVerCesto > td,
        .datosCompra .datosCompraRight #tblVerCesto > tr {}
        .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { }

        .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { }
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { width: 100%; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: table-row; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: table-cell; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { display: table-cell; width: 120px; }
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
        .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 80px; display: table-cell; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 32px; display: table-cell; position: relative; min-width: 32px; text-align: center; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { display: table-cell; width: 120px; min-width: 120px; text-align: right; }
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { min-width: 180px; }
        .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { }

        .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { }
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;}


    .box4 .slideCont .swiper-container { padding-left: 20px }
    .box4 .swiper-slide { width: calc((1/3.5 * 100%) - 20px); }
    .box6 { padding: 40px 0;}
        .box6 .slideCont .swiper-container { padding-left: var(--productos-margin); }
        .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); }

    .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(50% - 4px) }
    
    .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr; }

    .boxMini .slideCont,
    .boxMiniRel .slideCont { overflow: visible; }
    .boxMini .slideCont .swiper-slide,
    .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 4) - (12px * 3 / 4)); }
}
    /*################
    ###### 7 6 8 #####
    ################*/
    @media screen and (min-width: 767px) {
        header .hcont > div > .htconc .buscador { display: block !important; opacity: 1; }
        .menu { display: block; }
           .cd-secondary-dropdown { position: static; padding: 0; }
           .cd-secondary-dropdown ul {padding: 0;height:  auto;position: static;}
           .cd-secondary-dropdown ul.move-out { position: static; }
           .cd-secondary-dropdown ul.is-hidden { position: absolute;}
           .cd-secondary-dropdown ul.move-out > li > p{ position: absolute;}
           .cd-secondary-dropdown.move-out > li > p { position: absolute;}

        .menu_mob { display: none;}
    }

@media screen and (max-width: 768px) {
        .title1, #PORT01 .title2, .panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 26px; line-height: 140%; }
        .title2 { font-size: 24px; line-height: 140%;}
        .title3 { font-size: 22px; line-height: 140%;}

    .socialShare {transform: scale(1.3);width: 76.923%;margin: 0 11.5385% 12px;}
    .socialShare .sswa { display: block; }
    #login_box:after { right: 12px; }
    .radiobtn input[type="radio"] { width: 24px; height: 24px; }
    .radiobtn > span { }
    .radiobtn > span:before { width: 24px; height: 24px; }
    
    header .header { display: flex; flex-shrink: 1; }
   
    header .header .btnmenu.active {z-index: 11; border-radius: 100%; background-color: #fff;}
    header .header .btnmenu.active.translate:first-child {transform: translateX(320px);}
    header .header .btnmenu.active.translate:last-child {transform: translateX(-320px);}
    header .header .headerCont { width: 100%; }
    header .menu { display: none !important; }
    header .menu.leftSlide { padding: 0; display: block;}
    header .menu .menuCont { display: block; width: 100%; }
    header .menu .menuCont .menulang { display: block; }

    .mcPrincipal { display: block; position: static; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; height: auto; overflow: hidden; }
    .mcPrincipal > a { display: none; }
    .mcPrincipal > a span { }
    .mcPrincipal .cd-dropdown-trigger { display: none;}
    .mcPrincipal ul.cd-dropdown li{ height: auto;}
    .mcPrincipal li a { padding: 20px 12px; }
    .mcPrincipal ul > li.go-back > p > span:after { padding: 20px 12px; }
    .mcPrincipal ul > li > p > span {}

    .cd-dropdown-content { position: static; padding: 0; }
    .cd-dropdown-content ul {padding: 0;height:  auto;position: static;}
    .cd-dropdown-content ul.move-out { position: static; }
    .cd-dropdown-content ul.is-hidden {position: absolute;}
    .cd-dropdown-content ul.move-out > li > p{ position: absolute;}
    .cd-dropdown-content.move-out > li > p { position: absolute;}

    .mcDestacado { display: block; background: rgba(0,0,0,0.05); }
    .mcDestacado ul { display: block; }
    .mcDestacado ul li { border-bottom: 1px solid rgba(0,0,0,0.1);margin-left:0; }
    .mcDestacado ul li a { display: block; text-transform: none; padding: 16px 12px; width: 100%; }
    .mcDestacado ul li a span { }

    .langSelector { padding: 8px;}

    .menu_mob.leftSlide,
    .menu_mob.rightSlide {
        display: block;
    }

    /*MENU*/
    /*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; }
    header .header .fndmenu.active { width: 100%; opacity: 1; }*/
    /*MODAL USUARIO*/
    #user { position: static; }
    /*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/
    /*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/
    #login_box:after { content: ""; }
    #login_box input[type="text"], #login_box input[type="password"] { padding: 8px 12px; }
    #login_box .spnLogError { }
    #login_box input[type="button"], #login_box input[type="submit"], #login_box #lnkBtnReg, #login_box #btLoginUsu, #login_box #btLogout { font-size: 16px; line-height: 22px; }

    #login_box .title { font-size: 18px; margin: 0 0 16px; }
    #login_box .usuario-registrado { padding: 40px 16px; }
    #login_box .usuario-registrado input[type="button"], #login_box .UsuReg input[type="submit"] { }
    #login_box .usuario-registrado a { }
    #login_box .usuario-no-registrado { padding: 40px 16px; }
    #login_box .usuario-no-registrado input[type="button"], #login_box .usuario-no-registrado input[type="submit"] { }



    .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: block; }
    .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 100%; }
    .Newsletter #dlNewsletterRegister { margin: 20px 0 0; padding: 0; }




    .box2 .boxCont > div > div { flex-flow: row wrap; }
    .box2 .boxCont .boxItem { width: 100%; }
    .box2 .boxCont .boxItem > div { padding-bottom: 50%; }

    .box3a { /* overflow-x: scroll; */ padding: 0 20px 24px 20px; }
    .box3a .boxCont::-webkit-scrollbar { height: 8px; }
    .box3a .boxCont::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; }
    .box3a .boxCont::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 0 2px #F5F5F5; background-color: #ccc; }
    .box3a .boxCont { overflow-x: auto; position: relative; }
    .box3a .boxCont .boxItem { width: 60%; }
    .box3a .boxCont .boxItem > div { padding-bottom: 45%; }
    .box3a .boxCont .boxItem .bicTitle { font-size: 100%; }

    .box3 { /* overflow-x: scroll; */ padding: 0 0px 24px; }
    .box3 .boxCont .boxItem { width: 60%; }
    .box3 .boxCont .boxItem > div { padding-bottom: 45%; }
    .box3 .boxCont .boxItem .bicTitle { font-size: 100%; }
    .bndBox3 .bndBox3Cont { display: block; }
    .bndBox3 .bndBox3Cont > div { width: 100%; }
    .bndBox3 .bndBox3Cont > div:not(:last-child) { margin: 0 0 12px; }

    footer .footerInfo .footerInfoCont .FICBox:first-child { width: 100%; margin-bottom: 24px }
    footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2),
    footer .footerInfo .footerInfoCont .FICBox:last-of-type,
    footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%; margin: 12px 0; }
    footer .footerInfo .footerInfoCont .FICBox:nth-child(2) { border: 0 }
    footer .footerInfo .footerInfoCont .vline { width: 100%; height: 2px; }

    .Marcas .genericCont .listadoMarcas ul li { width: calc(25% - 16px); }
    .contactBand { display: block; text-align: center; }
    .contactBand .socialUl { text-align: center; }

    .generic .dvPromo { display: block; }
    .generic .dvPromo .img { width: 180px; float: left;}
    .generic .dvPromo .left { width: auto; }
    .generic .dvPromo .right { width: 100%; }

    #dvValidarChequeRegalo { display: block; }
    #dvValidarChequeRegalo > form { margin: 20px 0 0; max-width: 100%; }

    #dvContactoInfo { display: block; }
    #dvContactoInfo .ContactoInfo { width: 100%; margin: 0 0 20px; }
    #dvContactoInfo .ContactoMapa { width: 100%; }

    .usuarios .dvDatosGenerales .dvDatosGeneralesForm { display: block; }
    .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft { margin: 0; }
    .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight { padding: 0; border: 0; }

    #tblVerCesto,
    #tblVerCesto > tbody,
    #tblVerCesto > td,
    #tblVerCesto > tr { display: block; width: 100%; }
    #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; }

    #tblVerCesto #thCantidadProducto,
    #tblVerCesto .tdCantidadProducto,
    #tblVerCesto .trProductoCesta .tdImporteProducto,
    #tblVerCesto #thImporteProducto,
    #tblVerCesto .tdImporteTotalProducto,
    #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; }
    #tblVerCesto > tbody > tr > td { padding: 8px; }
    #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;/* margin: 0 0 20px; */background: rgba(0,0,0,0.02);}
    #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; }
    #tblVerCesto .trProductoCesta .tdCantidadProducto { width: 45%; }
    #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; }
    #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; }
    #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
    #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
    #tblVerCesto > tbody > tr > td:first-child a img { width: 80px; border-radius: 4px; }
    #tblVerCesto .trTotal { font-weight: var(--bold1); display: block; }
    #tblVerCesto .trTotal > td:first-child, #tblVerCesto .trTotal > td:last-child { display: none; }
    #tblVerCesto .trTotal > td:first-child:not(:empty) { display: block; }
    #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto { font-size: 120%; }
    .trTotal .spnTotalCarrito { font-size: 130%; }
    #dvCuponesCarrito .aplicados > div { padding: 4px 8px; }
    #dvCuponesCarrito .aplicados .nombre {}
    #dvCuponesCarrito .aplicados .eliminar a { font-size: 14px; }
    #dvCuponesCarrito .aplicar { max-width: 100%; }
    #dvCuponesCarrito > p { max-width: 100%; }
    #dvCuponesCarrito .aplicados:not(:last-child) { order: 0; margin-bottom: 8px; }
    #dvPedidosListUserCont table tr td { padding: 12px 4px; }
    #dvPedidosListUserCont table th:last-child, #dvPedidosListUserCont table th:nth-child(5), #dvPedidosListUserCont table th:nth-child(4), #dvPedidosListUserCont table th:nth-child(6) { display: none; }
    #dvPedidosListUserCont table tr td:last-child, #dvPedidosListUserCont table tr td:nth-child(5), #dvPedidosListUserCont table tr td:nth-child(4), #dvPedidosListUserCont table tr td:nth-child(6) { display: none; }
    #dvPedidosListUserCont table tr td:nth-child(3) { width: 90px; min-width: 90px; }



    #tblResumenProds,
    #tblResumenProds > tbody,
    #tblResumenProds > td,
    #tblResumenProds > tr { display: block; width: 100%; }
    #tblResumenProds > th, #tblResumenProds table th, #tblResumenProds > tbody > tr:first-of-type { display: none; }

    #tblResumenProds #thCantidadProducto,
    #tblResumenProds .tdCantidadProducto,
    #tblResumenProds .trProductoCesta .tdImporteProducto,
    #tblResumenProds #thImporteProducto,
    #tblResumenProds .tdImporteTotalProducto,
    #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 100%; }
    #tblResumenProds > tbody > tr > td { padding: 8px; }
    #tblResumenProds .trProductoCesta { display: flex; flex-flow: row wrap; margin: 0 0 20px; background: rgba(0,0,0,0.02); }
    #tblResumenProds .trProductoCesta .tdNombreProducto { width: 100%; }
    #tblResumenProds .trProductoCesta .tdCantidadProducto { width: 45%; }
    #tblResumenProds .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; }
    #tblResumenProds .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; }
    #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
    #tblResumenProds .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
    #tblResumenProds > tbody > tr > td:first-child a img { width: 80px; }
    #tblResumenProds .trTotal { font-weight: var(--bold1); }
    #tblResumenProds .trTotal > td:first-child, #tblResumenProds .trTotal > td:last-child { display: none; }
    #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto { font-size: 120%; }

    .generic .genericCont .resumenCarrito { display: block; }
    .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 100%; }
    .resumenProductos #tblResumenProds,
    .resumenProductos #tblResumenProds > tbody,
    .resumenProductos #tblResumenProds td,
    .resumenProductos #tblResumenProds tr { display: block; width: 100%; text-align: center;}
    .resumenProductos #tblResumenProds tr { display: flex;  flex-flow: row wrap; padding: 8px;}
    .resumenProductos #tblResumenProds > tbody > tr > td:first-child{ font-weight: var(--bold1); }
    .resumenProductos #tblResumenProds > tbody > tr:not(.trTotales) > td:first-child:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 16px; }
    .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(2) { width: 50%;  text-align: left;}
    .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(3) { width: 50%; text-align: right;}

    .resumenProductos #tblResumenProds > tbody > tr.trTotales div:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 4px;}
    /*catalogo*/
    body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%;}
    body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;}
    body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 100%;}


    .datosCompra { }
        .datosCompra .datosCompraRight {}
        .datosCompra .datosCompraLeft { }
        .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding: 12px 12px 0; }
        .datosCompra .datosCompraRight #tblVerCesto { }
        .datosCompra .datosCompraRight #tblVerCesto,
        .datosCompra .datosCompraRight #tblVerCesto > tbody,
        .datosCompra .datosCompraRight #tblVerCesto > td,
        .datosCompra .datosCompraRight #tblVerCesto > tr { padding: 0; }
        .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { }

        .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { }
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { display: table-cell; width: auto;}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: flex; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: block; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {display: block;width: 45%;max-width: 100%;}
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
        .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {display: block;width: 120px;min-width: 120px;text-align: right;}
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {min-width: 180px;display: table-cell;width: 100%;padding: 8px;}
        .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { }


        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {width: 45% !important;text-align: center;display: flex;align-items: center;justify-content: flex-end;font-weight: var(--bold1);font-size: 120%;}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}

        .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { }
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;}

        /*NOTICIAS*/
        .widNot .widNotCont .bgc{ padding: 0 12px;}
        .bmmin2 > .widNotCont > .widNotContNots { column-count: 1; }
        .bmmin3 .widNotContNots { justify-content: space-between; }
        .bmmin3 .bloggalcont > .bgc { padding: 0; margin: 0 0 8px;}
        .bmmin3 .bloggalcont{ text-align: left; width: calc(50% - 10px); text-decoration: none; padding: 0;}
        .bmmin3 .bloggalcont:nth-child(3n-1) { margin:  0 0 20px; }
        .bmmin3 .bloggalcont > .bgc > .bgctitle { }
        .bmmin3 .bloggalcont > .bgc > .bgctitle:after { top: 40px }
        .bmmin3 .bloggalcont > .bgc > .bgctitle a { font-size: 16px; line-height: 20px; }
        .bmmin3 .bloggalcont .bgcinfo { display: none; }

    .box4 .swiper-slide { width: calc((1/2.7 * 100%) - (var(--productos-margin)*(2/3))); }
    .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); }

    }
    /*################
    ###### 6 4 0 #####
    ################*/
    @media screen and (min-width: 640px) {
        #search { display: block !important; opacity: 1; }

    }

    @media screen and (max-width: 640px) {
        .title1, #PORT01  .title2 { font-size: 24px; line-height: 140%; }
        .title2 { font-size: 22px; line-height: 140%;}
        .title3 { font-size: 20px; line-height: 140%;}
        .news1 .newsCont .title2{ font-size: 24px; line-height: 140%;}
        .SimpleModal.modal-mcd .title {font-size: 24px;line-height: 140%;}

       

        #PORT02 .PORT02Cont {grid-template-columns:1fr; grid-gap:16px; }

        .dvBanner:not(.slideCupones3) { padding: 12px; }
        .boxMini { }
        
        .Marcas .genericCont .listadoMarcas ul li { width: calc(33.333% - 16px); }

        #dvContactoCont { }

        #dvContactoInfo { }
        #dvContactoInfo > p { }
        #dvContactoInfo .ContactoInfo { }
        #dvContactoInfo .ContactoMapa { }
        #dvContactoInfo .ContactoMapa iframe { }
        .dvContactoForm { }



        #ulContatoInfo { }
        #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { }
        #ulContatoInfo input[type="text"], #ulContatoInfo textarea { }
        .dvContatoInfoSup { display: block; }
        .dvContatoInfoSup .dvContactoFormLeft { }
        .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { }
        .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { }
        .dvContatoInfoSup .dvContactoFormRight { margin: 0; }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo { }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea { }

        .dvContatoInfoSub { display: block; }
        .dvContatoInfoSub .ulContatoInfoSubItem { }
        .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child { max-width: 100%; }
        .dvContatoInfoSub .tac { width: 100%; margin: 0 0 12px; }
        .dvContatoInfoSub input[type="button"]{ width: 100% }
        .dvContatoInfoSub .tac .dvContactoInfo { }
        .dvContatoInfoSub .ulContatoInfoSubGroup { width: 100%; margin: 0; }
        .dvContatoInfoSub input[type="submit"] { }

        .generic .genericCont #dvDetFactEnv { display: block; }
        .generic .genericCont #dvDetFactEnv > * { width: 100%; }
        .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 100%; margin: 0 0 4px;}
        .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones { padding: 12px;}

        #dvLnkCarrito .btnIzq span{ display: none; }

        #dvMetodoPagoBotones { flex-direction: column-reverse; align-items: center;}
        #dvMetodoPagoBotones .btnDerCont{ margin: 0 0 32px; align-items: center;}
        #dvMetodoPagoBotones .btnDerCont > * { align-self: center; }

        .formBox > div #ulContatoInfo .dvContatoInfoSup{ display: block; }
        .formBox > div #ulContatoInfo .dvContactoFormLeft { margin: 0; width: 100%; }
        .formBox > div #ulContatoInfo .dvContactoFormRight { margin: 0; width: 100%; }
        .formBox > div #ulContatoInfo .dvContatoInfoSub { display: block; }
        .formBox > div #ulContatoInfo .dvContatoInfoSub .tac,
        .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: 100%; margin: 0 0 8px; }
        .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 8px; }
        .SimpleModal.modal-mcd .wrap {padding: 32px 12px 12px;max-height: 100vh;}
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre { font-size: 16px; line-height: 20px; }
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { font-size: 14px; line-height: 18px; }
        .SimpleModal.modal-mcd .cuponInfoCont {display: block;margin: 0 auto;}
        .SimpleModal.modal-mcd .cuponInfoCont .img { width: 100%; }
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 130px;flex: 1;padding: 24px 8px;}
        .loginCart { display: block;  text-align: center;}
        .loginCart .loginCartReg { width: 100%; }
        .loginCart .loginCartNoReg { width: 100%; }

        .breadcrumb { margin: 0 0 12px; }
        .bmmin1 .bloggalcont > a > img { width: 160px; max-width: 160px; min-width: 160px; }

        .box2 .boxCont .boxItem { margin-bottom: var(--mosaico-margin)}
        .box3 .boxCont .boxItem { width: calc((1/1.333 * 100%) - (var(--mosaico-margin)*(2/3))); }
        .box4 .slideCont .sw { padding-left: 0; }
        .box4 .swiper-slide { width: calc((1/1.75 * 100%) - (var(--productos-margin)*(2/3))); }
        .box6 .slideCont .swiper-slide { width: calc((1/2 * 100%) - var(--productos-margin)); }
        
        .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(100% - 4px) }

        .RCRProdsCont,
        .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr; }
        .RCRProds .RCRProdsPrev { flex-direction: column;}
            .RCRProds .RCRProdsPrev .RCRProdsPrevRight { justify-content: center; width: 100%; max-width: 420px;}
            .RCRProds .RCRProdsPrev .numProds { margin: 8px auto; }

        .boxMini .slideCont .swiper-slide,
        .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 2) - (12px * 2 / 3)); }
        .bmmin3 .widNotContNots .bloggalcont {  width: 48%; }
        .bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child,
        .bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child,
        .bmmin3 .widNotContNots .bloggalcont:first-child:last-child {margin-right: inherit;}
    }
    /*################
    ###### 4 8 0 #####
    ################*/
    @media screen and (max-width: 480px) {


        .box2 .boxCont .boxItem > div { padding-bottom: 75% }
        .box3 .boxCont .boxItem > div { padding-bottom: 75%; }

        .news1 .newsCont .newsMail form { display: block; }
        .news1 .newsCont .newsMail .newsInput { }
        .news1 .newsCont .newsMail .newsBtn { margin: 8px auto 0; padding: 8px 12px; width: 100%; }

        footer { text-align: center; }
        footer .footerInfo .footerInfoCont { /* flex-flow:column-reverse wrap; */ }
        footer .footerInfo .footerInfoCont .FICBox { width: 100%; margin-bottom: 32px; }
        footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; }
        footer .footerEnd .footerEndCont > div { width: 100%; }
        footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { justify-content: center; }
        footer .footer-footerEnd .footerEndCont .FECPaxinas { margin-top: 12px; }
        footer .footerEnd .footerEndCont .FECPaxinas { justify-content: center;}
        .Marcas .genericCont .listadoMarcas ul li { width: calc(50% - 16px); }
        .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha { margin: 0 0 12px; width: 100%; }
        .Newsletter #dlNewsletterRegister .newsletterEnvio { display: block; }
        .dvContatoInfoSub .ulContatoInfoSubItem { display: block; }
        .dvContatoInfoSub .dvCaptcha { width: 100%; margin: 0 0 12px; }
        .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span { width: 20%; }
        .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 45% }

 /*       header .header .btnmenu.active.translate { transform: translateX(280px); }*/
        header .header .btnmenu.active.translate:first-child { transform: translateX(280px); }
        header .header .btnmenu.active.translate:last-child { transform: translateX(-280px); }
        .leftSlide.menu_mob{ left: -280px; width: 280px; }
        .rightSlide.menu_mob{ right: -280px; width: 280px; }
        /*header .menu { left: -280px; width: 280px; }*/
        #tblVerCesto > tbody > tr > td:first-child a img{ width: 56px;}
        #tblVerCesto .trTotal #liPagaMasTardeSim { flex-direction: column; max-width: 360px; margin: 0 auto;}
        #tblVerCesto .trTotal #liPagaMasTardeSim:before { height: 50px; width: 100%; justify-content: center; }

        #dvLnkCarrito {flex-direction: column; }
        #dvLnkCarrito .btnDer { width: 100%; margin: 0 0 12px; justify-content: center; }
        #dvLnkCarrito .btnIzq { width: 100%;  justify-content: center; }
        #dvMetodoPagoBotones .btnDerCont { margin: 0 0 12px; }
        #dvMetodoPagoBotones .btnDerCont > *{width: 100%;  justify-content: center; margin: 0 0 12px; }
        #dvMetodoPagoBotones .btnIzq { width: 100%;  justify-content: center; }
        .SimpleModal.LoginRegister-modal .wrap { padding: 48px 12px 12px; }

        #Res .RCRProdsCont .prodItem { width: 100%; margin: 0 auto 20px; max-width: 280px; }

        .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{ display: none;}
            
        .generic .dvPromo { max-width: 300px; margin: 0 auto; }
        .generic .dvPromo:not(:last-child) { margin: 0 auto 20px; }
        .generic .dvPromo .img {width: 100%;float: none;padding: 12px 12px 0;}
        .generic .dvPromo .img a { max-width: 280px; padding: 0;}
        .generic .dvPromo .left { width: 100%; }
        .generic .dvPromo .right { width: 100%; }

        .dvBanner.envioMini .dvBannerCont { font-size: 12px; line-height: 14px;  }

        /* MOSAICO */
        .bmmin1 .bloggalcont > a > img{ width: 120px; max-width: 120px; min-width: 120px; }
        .bmmin1 .bloggalcont .bgcinfo{max-height: 40px; display: none;}

        /*.box4 .swiper-slide { width: calc((1/1.333 * 100%) - 20px); }*/
           .box4 {padding: var(--section-margin) 0; }

           .socialBox--fixed .socialUl a{ width: 48px; height: 48px; font-size:28px;}
    }
    /* ANIMACIONES */
    @-webkit-keyframes inM {
        50% { -webkit-transform: rotate(0deg); }

        100% { -webkit-transform: rotate(45deg); }
    }

    @keyframes inM {
        50% { transform: rotate(0deg); }

        100% { transform: rotate(45deg); }
    }

    @-webkit-keyframes outM {
        50% { -webkit-transform: rotate(0deg); }

        100% { -webkit-transform: rotate(45deg); }
    }

    @keyframes outM {
        50% { transform: rotate(0deg); }

        100% { transform: rotate(45deg); }
    }

    @-webkit-keyframes inT {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(5px) rotate(0deg); }

        100% { -webkit-transform: translateY(5px) rotate(135deg); }
    }

    @keyframes inT {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(5px) rotate(0deg); }

        100% { transform: translateY(5px) rotate(135deg); }
    }

    @-webkit-keyframes outT {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(5px) rotate(0deg); }

        100% { -webkit-transform: translateY(5px) rotate(135deg); }
    }

    @keyframes outT {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(5px) rotate(0deg); }

        100% { transform: translateY(5px) rotate(135deg); }
    }

    @-webkit-keyframes inBtm {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(-5px) rotate(0deg); }

        100% { -webkit-transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes inBtm {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(-5px) rotate(0deg); }

        100% { transform: translateY(-5px) rotate(135deg); }
    }

    @-webkit-keyframes outBtm {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(-5px) rotate(0deg); }

        100% { -webkit-transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes outBtm {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(-5px) rotate(0deg); }

        100% { transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes blink {
      0% { opacity: 1;}
      16.6666% { opacity: 0;}
      33.3333% { opacity: 1;}
      50% { opacity: 0;}
      66.6666% { opacity: 1;}
      83.3333% { opacity: 0;}
      100% { opacity: 1;}
    }
    @-webkit-keyframes blink {
      0% { opacity: 1;}
      16.6666% { opacity: 0;}
      33.3333% { opacity: 1;}
      50% { opacity: 0;}
      66.6666% { opacity: 1;}
      83.3333% { opacity: 0;}
      100% { opacity: 1;}
    }
    
@-webkit-keyframes flash {
  0%  {opacity: 1}
  3%  {opacity: 0}
  6%  {opacity: 1}
  9%  {opacity: 0}
  12%  {opacity: 1}
  15%  {opacity: 0}
  18%  {opacity: 1}
  100% {opacity: 1}
}

@keyframes flash {
  0%  {opacity: 1}
  3%  {opacity: 0}
  6%  {opacity: 1}
  9%  {opacity: 0}
  12%  {opacity: 1}
  15%  {opacity: 0}
  18%  {opacity: 1}
  100% {opacity: 1}
}
