/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*
Copiado de child_at_movic/modules/app../views/css/styles.css
----- LOGOTIPO -----
*/
.box-navlogo .h-logo {
  text-align: center;
  padding: 15px 0 10px;
}
/* @media (max-width: 991px) {
	.box-navlogo .h-logo {
		padding: 15px 0 10px;
	}
}
*/

/*
Copiado de child_at_movic/modules/app../views/css/styles.css
at_movic/assets/css/theme.css
antes 992
En Leo Mega Menu Configurator: quitada clase ocultar a novedades y outlet
En Profile Manager -> Principal -> deshabilitar html de encima de generar código
 ----- MENÚ ------
*/
@media (min-width: 1500px) {
  body .off-canvas-nav-megamenu {
    display: none;
  }
}

@media (min-width: 1500px) {
  .navbar-toggleable-md {
    display: block;
  }
}

@media (min-width: 1500px) {
  .navbar-toggleable-md {
    display: block !important;
  }
}

@media (min-width: 1500px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (min-width: 1500px) {
  .off-canvas-active > #page,
  .off-canvas-active > .off-canvas-nav-megamenu {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative !important;
  }
  .off-canvas-button-megamenu {
    display: none !important;
  }
}

/* SLIDER */
/*.bannercontainer .titular, .desde, .accion {font-family: Poppins;}*/
.bannercontainer .slide_config.data-link:hover {
  cursor: pointer;
}
.bannercontainer .titular {
  color: #000;
  font-size: 70px;
  font-weight: 700;
  line-height: 50px;
}
.bannercontainer .desde {
  font-size: 70px;
}
.bannercontainer .desde .precioSlider {
  color: #f11d22;
}
.bannercontainer .slogan {
  color: #000;
  font-size: 40px;
}

/*.bannercontainer .accion {color: #fff;background-color: #000;padding: 10px;font-size: 20px;}*/

/* DISPLAYNAV2 */
.box-navads i {
  font-size: 20px;
}

.box-navads .compraYgana #promo {
  font-size: 18px;
  font-weight: 500;
  text-transform: initial;
}
/* .box-navads .compraYgana #promo span.promoColor {
  color: #f30606;
} */
.box-navads .compraYgana #promo a {
  color: #fff;
}
.box-navads .compraYgana #promo a:hover {
  color: #2eb872;
}
/* .box-navads .infoCupon {font-size: 22px;} */

a.btnExtra {
  display: none;
}

/* FILTROS FACETAS */
@media (min-width: 768px) {
  #search_filters_wrapper {
    padding: 30px;
  }
}

/* DISPLAYTOP */
/* Modificar por menú. antes 992px 
MEGA MENU 
*/
.leo-megamenu .navbar-nav>li>a {
  padding: 15px 12px;
}
.leo-megamenu .navbar-nav>li.ofertas, 
.off-canvas-nav-megamenu .navbar-nav>li.ofertas {
  background-color:#f30606;
}
.leo-megamenu .navbar-nav>li.ofertas>a, 
.off-canvas-nav-megamenu .navbar-nav>li.ofertas>a {
  color: #fff;
}

@media (min-width: 1500px) {
  li.ocultar {
    display: none !important;
  }
  a.btnExtra {
    /* DISPLAYNAV2 - 2 */
    display: inline-block;
    padding: 5px 6px;
    background-color: #509e2f;
    cursor: pointer;
  }
  a.btnExtra:focus {
    background-color: #666;
  }
}
/* DISPLAYHOME */
/* .ApImage .image_description {
  
} */
#index .box-cateh2 .ApImage .image_description {
  left: 15px;
  bottom: 15px;
  line-height: 1.2;
}
#index .box-cateh2 .ApImage .image_description strong {
  text-shadow: 0px 0px 5px #000;
  font-size: 18px;
  color: #fff;
}
.mTop {
  margin-top: 50px;
}
.manufacturers_block .image a {
  opacity: 0.6 !important;
}
.textoHome:after {
  display: block;
  margin: auto;
  width: 30%;
  border-style: solid;
  border-width: thin;
  border-color: #509e2f;
}
.textoHome h1 {
  color: #509e2f;
  display: inline;
}
.textoHome h2 {
  display: inline;
}
.textoHome h2:before {
  content: " ";
}
.textoHome ol {
  padding-left: 10px;
  list-style-type: decimal;
}

.ApColumn h4.title_block {
  font-size: 30px;
}

/* Home - Recomendaciones especiales y Novedades para ti (desarrollo externo) */
.sqzly-header h4 {font-size: 30px !important;}

/* PÁGINAS NO CATEGORIAS Tráfico & SEO */
#main h1#js-product-list-header {
  text-align: left;
}

/* CATEGORIAS, NOVEDADES y REBAJAS */
#category-description h2,
#category-description h3,
#category-description h4,
#no-category h2 {
  margin-top: 10px;
}

#category-description h2:after,
#no-category h2:after {
  background: #509e2f;
  content: "";
  display: block;
  height: 2px;
  margin: 5px 0;
  width: 3rem;
}
#category-description ul {
  list-style-type: disc;
  padding-left: 20px;
}
#category-description p,
#no-category p {
  margin-bottom: 10px;
}

/* BOTONES DE CATEGORÍA */
#category a.btnCategoria {
  display: inline-block;
  padding: 10px 10px;
  margin-top: 10px;
  cursor: pointer;
}

#category a.btnCategoria:hover,
#category a.btnCategoria:focus {
  background-color: #509e2f;
}

@media (min-width: 768px) {
  #wrapper .breadcrumb {
    height: 170px;
  }

  #wrapper .breadcrumb:before {
    background: #f7f7f7 url(../img/bg-breadcrumb.png) no-repeat;
  }
  /* RD 2026: la frase del banner (#RDfrase) ya NO se pinta aqui con
     content:"". La gestiona el modulo rd_frases (BO > Diseño > Frases
     del banner) con texto real via el hook displayRDfrase. */
}

/* CMS */
#tablaGastos table caption {
  caption-side: top;
  font-weight: bold;
}
#tablaGastos .table thead th,
#tablaGastos .table thead td {
  vertical-align: middle;
}
#tablaGastos .table thead tr th {
  background-color: #58585a;
  color: #fff;
  text-align: center;
  padding: 8px 10px 8px 10px;
}
#tablaGastos .table tbody tr th:first-child {
  font-weight: bold;
}
#tablaGastos .table td {
  text-align: center;
  vertical-align: middle;
}
#tablaGastos .table b {
  color: #509e2f;
}
#tablaGastos .table .combinada {
  vertical-align: middle;
}
#tablaGastos .table .combinadaNegrita {
  font-weight: normal !important;
}

#tablaPicking caption {
  caption-side: top;
  font-weight: bold;
}
#tablaPicking thead tr th {
  background-color: #58585a;
  color: #fff;
  padding: 8px 10px 8px 10px;
  font-weight: bold;
}

#cambiosYdevoluciones p.ggp_tit {
  font-size: 1rem;
  font-weight: bold;
}
#cambiosYdevoluciones p.ggp_tit2 {
  font-size: 0.9rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#cambiosYdevoluciones h2,
#cambiosYdevoluciones h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}
#cambiosYdevoluciones ol {
  padding-left: 15px;
  list-style: decimal;
  text-align: left;
}
#cambiosYdevoluciones ul {
  padding-left: 15px;
  list-style: disc;
  text-align: left;
}
#cambiosYdevoluciones ol li,
#cambiosYdevoluciones ul li {
  margin-bottom: 10px;
}

#tablaDevoluciones table caption {
  caption-side: top;
  font-weight: bold;
}
#tablaDevoluciones .table thead th,
#tablaDevoluciones .table thead td {
  vertical-align: middle;
}
#tablaDevoluciones .table thead tr th {
  background-color: #58585a;
  color: #fff;
  text-align: center;
  padding: 8px 10px 8px 10px;
}
#tablaDevoluciones .table tbody tr th:first-child {
  font-weight: bold;
}
#tablaDevoluciones .table td {
  text-align: center;
  vertical-align: middle;
}

.cms-id-24 #footer,
.cms-id-24 #wrapper {
  display: none;
}

/* Página de compra y gana 150€ */
#compraygana p.lead {
  margin: 0;
  font-size: 1.3rem;
}
#compraygana p.ggp_tit {
  font-size: 1.25rem;
  text-align: center;
  margin: 12px;
  font-weight: bold;
}
#compraygana p.ggp_tit2 {
  font-size: 0.95rem;
}
#compraygana h2 {
  margin-top: 30px;
  margin-bottom: 15px;
}
#compraygana ul {
  list-style: disc;
  padding-left: 15px;
  text-align: left;
}
#compraygana ul li {
  margin-bottom: 10px;
}

#compraygana a.btnComprayGana {
  display: block;
  padding: 20px;
  margin-top: 20px;
  background-color: #509e2f;
  cursor: pointer;
  font-size: 1.5rem;
}
#compraygana a.btnComprayGana:hover {
  background-color: #666;
}

/* Página de Black Friday*/
#black-friday {
  text-align: initial;
}

#black-friday a {
  color: #509e2f;
  font-weight: bold;
}

#black-friday h2 {
  font-size: 2rem;
  text-align: center;
  margin: 3rem 0 3rem 0;
  font-weight: bold;
  color: #509e2f;
}
#black-friday h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}
#black-friday h3:after {
  background: #509e2f;
  content: "";
  display: block;
  height: 2px;
  margin: 5px 0;
  width: 3rem;
}

#black-friday #RDnews {
  padding: 30px;
  background-color: rgba(80, 158, 47, 0.12);
}
#black-friday #RDnews h3 {
  margin-top: 0;
}

#black-friday #RDnews form .input-wrapper {
  display: flex;
}
#black-friday #RDnews form .input-wrapper input {
  padding: 10px 10px;
  height: 50px;
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
  border-right: 0;
  width: 100%;
  outline: 0;
}
#black-friday #RDnews form .input-wrapper button {
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  border: 1px solid #000;
  background: #000;
  border-radius: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#black-friday #RDnews form .input-wrapper button:hover {
  border-color: #2eb872 !important;
  background-color: #2eb872;
}

#black-friday #RDnews form .custom-checkbox {
  margin-top: 15px;
}

#black-friday hr {
  width: 50%;
  margin-top: 50px;
}

#black-friday .blead1,
#black-friday .blead2 {
  font-weight: 400;
  font-size: 1.1rem;
}
#black-friday .blead1 {
  text-align: center;
  margin-bottom: 40px;
}

#black-friday .comenzamos {
  text-align: center;
}
#black-friday .cuentAtras {
  text-align: center;
  margin-bottom: 5rem;
}

#black-friday .numeros {
  font-size: 2.5rem;
  color: #000;
  font-weight: bold;
}
#black-friday .numeros-etiqueta {
  font-size: 1rem;
  color: #509e2f;
}
@media (max-width: 991px) {
  #black-friday .textForm {
    margin-bottom: 1.5rem;
  }
}
#black-friday ol {
  list-style: none;
  padding-left: 15px;
  counter-reset: li;
}
#black-friday ol li {
  margin-bottom: 5px;
  font-size: 1rem;
  counter-increment: li;
}
#black-friday ol li:before {
  content: counter(li) ". ";
  color: #509e2f;
}

/* Página de guía de tallas de sujetador */
#guia_sujetador {
  text-align: initial;
}
#guia_sujetador .colorfondo {
  margin: 3rem 0;
  padding: 3rem 0;
  background-color: #f7f7f7;
}
#guia_sujetador p.ggp_tit {
  font-size: 1.5rem;
  text-align: center;
  margin: 12px;
  font-weight: bold;
}
#guia_sujetador h2 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 2rem;
}
#guia_sujetador h3 {
  margin-bottom: 15px;
  font-size: 1.5rem;
}
#guia_sujetador strong {
  display: block;
}
#guia_sujetador p.lead {
  font-size: 1.1rem;
}
#guia_sujetador span {
  color: red;
  font-weight: bold;
}
#guia_sujetador ol {
  list-style: decimal;
  padding-left: 15px;
  margin: 2rem 0;
}
#guia_sujetador ol li {
  margin-bottom: 10px;
}
#guia_sujetador .table {
  margin-bottom: 0;
}

#guia_sujetador .comprueba .none {
  border: none;
}
#guia_sujetador .comprueba .middle {
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.1rem;
  background-color: #509e2f;
  color: #fff;
}
#guia_sujetador .table caption {
  caption-side: bottom;
  text-align: center;
  background-color: #509e2f;
  color: #fff;
  padding: 0;
}
#guia_sujetador .table thead tr th {
  font-weight: bold;
  font-size: 1.1rem;
  background-color: #509e2f;
  color: #fff;
}
#guia_sujetador .table td {
  font-size: 1rem;
  font-weight: 400;
}
#guia_sujetador th,
#guia_sujetador td {
  border: 1px solid #e2e2e2;
}

#guia_sujetador img {
  margin: auto;
  display: block;
}





/* LISTADO PRODUCTO */
@media (max-width: 768px) {
  .plist-dsimple .thumbnail-container .pro3-btn .btn-product span span,
  .plist-dsimple .thumbnail-container .pro3-btn .quick-view span span {
    white-space: normal;
  }
}

/* #category ul.product-flags, 
#new-products ul.product-flags,
#prices-drop ul.product-flags {
  font-size: 13px;
} */

ul.product-flags,
.has-discount .discount {
  font-size: 13px;
}

.product-flags .product-flag.new {
  color: #ffffff;
  border-color: #30c22c;
  background-color: #30c22c;
  border-radius: 0;
  display: inline-block;
}



#category .product-meta .product-price-and-shipping .discount-percentage,
#new-products .product-meta .product-price-and-shipping .discount-percentage,
#prices-drop .product-meta .product-price-and-shipping .discount-percentage {
  font-size: 14px;
}


@media (max-width: 991px) {
  #category .product-meta .product-price-and-shipping .discount-percentage,
  #new-products .product-meta .product-price-and-shipping .discount-percentage,
  #prices-drop .product-meta .product-price-and-shipping .discount-percentage {
    top: 0px;
  }
  ul.product-flags {
    top: 0px;
  }
}

@media (max-width: 450px) {
  /* #category ul.product-flags,
  #new-products ul.product-flags,
  #prices-drop ul.product-flags {
    font-size: 11px;
  } */

  ul.product-flags {
    font-size: 11px;
  }

  #category .product-meta .product-price-and-shipping .discount-percentage,
  #new-products .product-meta .product-price-and-shipping .discount-percentage,
  #prices-drop .product-meta .product-price-and-shipping .discount-percentage {
    font-size: 12px;
  }
  
}






/* PRODUCTO DETALLE */
.p-cartwapper {
  margin: 0;
}
span#product-availability {
  font-size: 12px;
  font-weight: 600;
  margin-top: 15px;
}
.thumbnail-container .product-title a {
  display: block;
}
.social-sharing ul,
.whatsapp_2 {
  display: inline-block;
}

p.nocambio {
  color: #509e2f;
}

#product .product-prices {
  margin-top: 0;
  margin-bottom: 0;
}

.guia-talla {
  font-size: 10px;
  padding: 10px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #f7f7f7;
}


/* Botón de comprar fijo en la página de producto detalle */

.js-fixed {
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: transform 0.25s ease, opacity 0.25s ease;
  transform: translateY(20px);
  opacity: 0;
}

.js-fixed.js-visible {
  transform: translateY(0);
  opacity: 1;
  animation: btn-rebound 0.3s ease-out;
}

@keyframes btn-rebound {
  0%   { transform: translateY(20px); }
  60%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

.js-placeholder {
  display: none;
  width: 100%;
  height: 0;
}



/* BOTONES DE ATENCIÓN AL CLIENTE */
a.btnAtCliente {
  display: inline-block;
  padding: 10px 10px;
  margin-top: 10px;
  background-color: #509e2f;
  cursor: pointer;
}

a.btnAtCliente2 {
  display: block;
  padding: 30px 10px;
  margin-top: 30px;
  background-color: #509e2f;
  cursor: pointer;
}
a.btnAtCliente:focus,
a.btnAtCliente2:focus {
  background-color: #666;
}

/* BLOG */
#blogpage .blog-description h3 {
  margin-top: 1rem;
  font-size: 15px;
}
#blogpage .blog-description a {
  color: #509e2f;
}
#blogpage .blog-description a:hover {
  color: #888;
}
#blogpage .blog-description ol {
  padding: 40px;
  border-left: 3px solid #509e2f;
  margin-bottom: 10px;
}
#blogpage .blog-description ol li {
  padding: 3px 0;
  font-style: italic;
}
#blogpage .blog-description ol li:before {
  content: "✔";
  color: #2eb872;
  font-size: 22px;
  padding-right: 20px;
}
#blogpage .blog-description blockquote {
  border-right: 3px solid #509e2f;
  text-align: right;
  padding: 8px 15px;
}

#blogpage .blog-description ul {
  list-style-type: disc;
  padding-left: 40px;
  margin-bottom: 1rem;
}

#blogpage .blog-description blockquote p {
  margin: 0;
}
#blog-listing article.blog-item {
  padding-bottom: 25px;
}

/* BOTONES DEL BLOG */
#blogpage div.botonBlog {
  margin: 20px 0;
}
#blogpage .btnBlog {
  padding: 10px 5px;
  font-size: 15px;
  color: #fff !important;
  background-color: #509e2f;
  display: block;
}
#blogpage .btnBlog:hover,
#blogpage .btnBlog:focus {
  background-color: #666;
}

/* FOOTER */
footer#footer.footer-container {
  padding-top: 50px;
}
.footer-center {
  margin-top: 40px;
  margin-bottom: 20px;
}
/* .footer-bottom .wrapper {
  padding-bottom: 30px;
} */
.footer-bottom p, .footer-bottom h4 {
  color: #fff;
}
#cookieNotice {
  z-index: 99999 !important;
}

.rd_cookiesplus {
  cursor: pointer;
}
.rd_cookiesplus:hover {
  color: #2eb872;
}

#back-top {
  bottom: 100px !important;
}

/* Pago contra reembolso */
#cart_navigation.cart_navigation button {
  margin: 0.4rem 0;
}


.formasPago {
  margin-top: 30px;
  margin-bottom: 30px !important;
}

/* === CHECKOUT inputs (onepagecheckoutps) limpios y tactiles (ponytail) === */
#onepagecheckoutps .form-control,
#onepagecheckoutps input.input-sm,
#onepagecheckoutps select,
#onepagecheckoutps textarea {
  height: auto;
  min-height: 44px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#onepagecheckoutps select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%222%22%3E%3Cpath d=%22M6 9l6 6 6-6%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
#onepagecheckoutps textarea { min-height: 90px; }
#onepagecheckoutps .form-control:focus,
#onepagecheckoutps select:focus,
#onepagecheckoutps textarea:focus {
  border-color: #2eb872 !important;
  box-shadow: 0 0 0 3px rgba(46,184,114,.15) !important;
  outline: 0;
}
#onepagecheckoutps .form-group { margin-bottom: 14px; }
#onepagecheckoutps .form-control.is-invalid,
#onepagecheckoutps .form-control.error { border-color: #f11d22; }
@media (max-width: 575px) {
  #onepagecheckoutps .col-6, #onepagecheckoutps .col-xs-6 { width: 100%; flex: 0 0 100%; max-width: 100%; }
}


/* === Listado: tarjeta como la oficial (sin variantes ni subcategoria, solo precio) === */
.product-miniature .groupUl,
.product-miniature .category-default,
.product-miniature .product-variants,
.product-miniature .variant-links { display: none !important; }


/* === Badges header verde como produccion (carrito + favoritos) === */
.cart-products-count,
.wishlist-products-count,
.blockwishlist .count,
.header .wishlist-count,
header .wishlist-count { background-color: #2eb872 !important; }

/* === Carrito: boton "Pasar por caja" oscuro como prod === */
.cart-detailed-actions .btn-outline,
.cart-detailed-actions a.btn { background-color: #2d2d2d !important; border-color: #2d2d2d !important; color: #fff !important; }
.cart-detailed-actions .btn-outline:hover,
.cart-detailed-actions a.btn:hover { background-color: #2eb872 !important; border-color: #2eb872 !important; color: #fff !important; }

/* === Carrito: lineas en una sola fila (qty/precio no se colapsan abajo) === */
@media (min-width: 768px) {
  .product-line-grid.row { flex-wrap: nowrap !important; align-items: center; }
}





/* === Listado: corazon dentro de la barra de acciones .pro3-btn (movido por JS) === */
.product-miniature .product-image > .wishlist { display: none !important; } /* leofeature vacio */
.product-miniature .pro3-btn .wishlist-button-add {
  position: static !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;
  display: inline-block; vertical-align: middle; margin: 0 4px;
  background: none !important; box-shadow: none !important; opacity: 1 !important;
  width: auto; height: auto;
}


.product-miniature .pro3-btn .wishlist-button-add i { font-size:20px; line-height:1; color:#333; }

/* wishlist-button-add circle override: mismo look que search/cart/compare */
.product-miniature .pro3-btn .wishlist-button-add { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:40px !important; border-radius:50% !important; margin:0 4px !important; background:#fff !important; box-shadow:0 2px 6px rgba(0,0,0,.12) !important; opacity:1 !important; padding:0 !important; }
.product-miniature .pro3-btn .wishlist-button-add i { font-size:20px !important; line-height:1 !important; color:#333 !important; }

/* ap-total verde (badges leo: wishlist/compare/cart) como prod */
.ap-total, .ap-total-wishlist, .ap-total-cart, .ap-total-compare { background-color: #2eb872 !important; }

/* === estimateddelivery: caja envio estimado (su CSS no carga en carrito) === */
.estimateddelivery.hide-default, #estimateddelivery .hide-default { display: none; }
.estimateddelivery > div { border: 1px solid #ccc; padding: 14px 18px; border-radius: 6px; position: relative; }
.estimateddelivery.ed_lightgreen > div { background: #F5FFF5 !important; border-color: #ADE4AC !important; }
.estimateddelivery p { font-size: 0.85em; margin-bottom: 0.4rem; }
.estimateddelivery p.ed_header .ed_summary_title, .estimateddelivery .ed_summary_title { font-size: 1.05em; font-weight: bold; }
.expand_delivery_options { position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.8em; font-size: smaller; border: 1px solid #ADE4AC; background: #fff; padding: 0.3em 14px; cursor: pointer; white-space: nowrap; border-radius: 4px; color: #555; }

/* === breadcrumb watermark RD visible (como prod) === */
@media (min-width: 768px) {
  #wrapper .breadcrumb:before { display: block !important; height: 170px !important; }
}

/* leo-fly-cart-total verde (bolita flotante carrito) como prod */
.leo-fly-cart-total { background-color: #2eb872 !important; }

/* ===== FIX-LOTE-2026-06-21b ===== */
/* Entrega estimada: mostrar solo la 1ª opcion, resto oculto + toggle (su CSS/JS no carga en carrito) */
#estimateddelivery .ed-item.hideMe, .estimateddelivery .ed-item.hideMe { display: none !important; }
#estimateddelivery.ed-show-all .ed-item.hideMe, .estimateddelivery.ed-show-all .ed-item.hideMe { display: block !important; }

/* Footer: ocultar bloques huerfanos "Productos"/"Nuestra empresa" (no estan en prod) */
#footer .col-md-6.wrapper { display: none !important; }

/* Breadcrumb: ocultar el path "Casa" (solo home) en cart/checkout */
.page-cart .breadcrumb ol, .page-order .breadcrumb ol, #cart .breadcrumb ol { display: none !important; }

/* ===== FIX-LOTE-2026-06-21c (corregido) ===== */
/* Twitter -> X: icono via :before con SVG base64 (URL ya es x.com) */
/* RD 16/07/2026: fondos negros del X eliminados (li y a) -> hereda el gris del tema como el resto de redes */
#footer li.twitter a:before, footer li.twitter a:before {
  content:"" !important; display:inline-block !important;
  width:15px !important; height:15px !important; vertical-align:middle;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTE4LjI0NCAyLjI1aDMuMzA4bC03LjIyNyA4LjI2IDguNTAyIDExLjI0aC02LjY2bC01LjIxNC02LjgxN0w0Ljk5IDIxLjc1SDEuNjhsNy43My04LjgzNUwxLjI1NCAyLjI1SDguMDhsNC43MTMgNi4yMzF6bS0xLjE2MSAxNy41MmgxLjgzM0w3LjA4NCA0LjEyNkg1LjExN3oiLz48L3N2Zz4=") no-repeat center / contain !important;
}

/* Ocultar launcher externo de oct8ne (se mantiene dentro del chat unificado .uc-option) */
#oct8ne, #oct8ne-overlay, #oct8ne-button, #oct8ne-app, .oct8ne-launcher, .oct8ne-button-launcher, iframe[src*="oct8ne"], div[id^="oct8ne-"]:not(script) { display: none !important; }

/* RD 16/07/2026: eliminado el fondo negro del <a> del X (regla movida a historia; ver fix 23) */

/* ===== CART estilo Shopify (2026-06-21) ===== */
/* Imagenes de producto redondeadas */
.page-cart .product-line-grid img, .page-cart .cart-item img { border-radius:10px; }
/* Filas de producto: aire + divisor sutil */
.page-cart .cart-item { padding:20px 4px; border-bottom:1px solid #eee; }
.page-cart .cart-overview .cart-item:last-child { border-bottom:0; }
/* Titulo de producto mas legible */
.page-cart .product-line-grid .label a, .page-cart .product-line-info .label, .page-cart .cart-item .product-name a, .page-cart .product-line-grid a.label { font-weight:600 !important; color:#1a1a1a !important; font-size:15px; }
/* Resumen lateral tipo tarjeta */
.page-cart .leo-dropdown-cart-subtotals, .page-cart .cart-summary { background:#fafafa; border:1px solid #ececec; border-radius:12px; padding:22px; }
/* Total mas grande/bold */
.page-cart .cart-summary-line.cart-total, .page-cart .cart-total .value, .page-cart .cart-total .label { font-size:19px !important; font-weight:700 !important; color:#111; }
/* CTA PASAR POR CAJA: ancho completo, grande, redondeado, hover */
.page-cart .cart-detailed-actions a.btn, .page-cart .cart-detailed-actions a.btn-outline { display:block; width:100%; border-radius:10px !important; font-size:16px !important; font-weight:700 !important; padding:16px 18px !important; letter-spacing:.3px; transition:background-color .2s ease,transform .1s ease; }
.page-cart .cart-detailed-actions a.btn:hover { transform:translateY(-1px); }

/* ===== CHECKOUT Shopify redesign (2026-06-21) - NO tocar .btn-touchspin (steppers) ===== */
/* Inputs redondeados (altura ya 44px de antes) */
#onepagecheckoutps .form-control { border-radius:8px; }
/* CTA principal verde (Realizar pedido / Guardar info): grande, redondeado, prominente */
#onepagecheckoutps .btn-primary.btn-lg { font-size:16px !important; font-weight:700 !important; padding:15px 26px !important; border-radius:10px !important; letter-spacing:.2px; }
#onepagecheckoutps a.btn-primary.btn-lg.pull-right { box-shadow:0 4px 16px rgba(46,184,114,.32); }
/* AGREGAR cupon */
#onepagecheckoutps .btn-primary.btn-sm { border-radius:8px !important; }
/* CONTINUAR COMPRANDO secundario */
#onepagecheckoutps .btn-link { color:#666 !important; font-weight:600; }
/* Secciones como tarjetas Shopify */
#onepagecheckoutps section[id*=container], #onepagecheckoutps .card:not(.hidden) {
  background:#fff !important; border:1px solid #ececec !important; border-radius:12px !important;
  padding:20px !important; box-shadow:0 1px 4px rgba(0,0,0,.05) !important; margin-bottom:16px !important;
}

/* ===== CHECKOUT modernizacion tipo Zara/H&M (CSS-only, ponytail) 2026-06-22 ===== */
/* Scope estricto #onepagecheckoutps. NO tocar .btn-touchspin (steppers de qty). */
#onepagecheckoutps h1 { font-size:30px !important; font-weight:800 !important; color:#1a1a1a !important; letter-spacing:-.5px; }
#onepagecheckoutps .onepagecheckoutps_p_step {
  font-size:17px !important; font-weight:700 !important; color:#1a1a1a !important;
  padding:0 0 14px !important; margin:0 0 18px !important; border-bottom:1px solid #eee !important;
}
#onepagecheckoutps .onepagecheckoutps_p_step i,
#onepagecheckoutps .onepagecheckoutps_p_step:before { color:#2eb872 !important; }
#onepagecheckoutps [id^=onepagecheckoutps_step_][id$=_container] {
  background:#fff !important; border:1px solid #eceff2 !important; border-radius:16px !important;
  padding:24px !important; box-shadow:0 2px 10px rgba(20,30,50,.05) !important; margin-bottom:20px !important;
}
#onepagecheckoutps [id^=onepagecheckoutps_step_] section[id*=container],
#onepagecheckoutps [id^=onepagecheckoutps_step_] .card:not(.hidden) {
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
#onepagecheckoutps [id^=onepagecheckoutps_step_] .card-header {
  background:transparent !important; border:0 !important; border-top:1px solid #f0f0f0 !important;
  padding:16px 0 0 !important; margin-top:8px !important;
}
#onepagecheckoutps .alert-warning {
  background:#fff8ec !important; border:0 !important; border-left:3px solid #f0ad4e !important;
  border-radius:10px !important; color:#7a5b1e !important; box-shadow:none !important;
}
#onepagecheckoutps .cart_item { padding:14px 0 !important; border-bottom:1px solid #f1f1f1 !important; }
#onepagecheckoutps .cart_item img { border-radius:10px !important; }
#onepagecheckoutps .order_total_items, #onepagecheckoutps .item_total { font-weight:800 !important; color:#111 !important; }
@media (max-width:767px){
  #onepagecheckoutps .btn-primary.btn-lg.pull-right { float:none !important; display:block !important; width:100% !important; }
  #onepagecheckoutps [id^=onepagecheckoutps_step_][id$=_container] { margin-bottom:16px !important; padding:18px !important; }
}
/* INPUTS CON AIRE (no apelotonado): el modulo fuerza margin-bottom:0 en los .form-group de la direccion */
#onepagecheckoutps .form-group { margin-bottom:16px !important; }
#onepagecheckoutps #form_address_delivery .form-group,
#onepagecheckoutps #form_address_invoice .form-group { margin-bottom:16px !important; }
#onepagecheckoutps #form_address_delivery .form-group:last-child,
#onepagecheckoutps #form_address_invoice .form-group:last-child { margin-bottom:0 !important; }
#onepagecheckoutps .checkbox, #onepagecheckoutps .custom-checkbox,
#onepagecheckoutps .form-group .checkbox, #onepagecheckoutps p.checkbox { margin:8px 0 !important; }
#onepagecheckoutps .onepagecheckoutps_p_step a { margin-left:10px; vertical-align:middle; }

/* ===== Checkout v2 fixes (2026-06-22): direccion flex, iconos confianza, alineacion botones, CP guia ===== */
#onepagecheckoutps #form_address_delivery .fields_container > .row,
#onepagecheckoutps #form_address_invoice .fields_container > .row {
  display:flex !important; flex-wrap:wrap !important; row-gap:14px !important; align-items:flex-start !important;
}
#onepagecheckoutps #form_address_delivery .fields_container > .row > .form-group,
#onepagecheckoutps #form_address_invoice .fields_container > .row > .form-group {
  margin-bottom:0 !important; float:none !important;
}
#onepagecheckoutps img.svg.invisible { visibility:visible !important; }
#onepagecheckoutps .blockreassurance_product img.svg { width:30px !important; height:30px !important; }
#onepagecheckoutps .btn-primary:not(.btn-block), #onepagecheckoutps .btn-link, #onepagecheckoutps .btn-info {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
#onepagecheckoutps .btn-primary.btn-block { display:flex !important; align-items:center !important; justify-content:center !important; }
#onepagecheckoutps .btn-primary > i, #onepagecheckoutps .btn-link > i, #onepagecheckoutps .btn-info > i { margin-right:8px !important; line-height:1 !important; }
#onepagecheckoutps .btn-link.pull-left {
  background:#fff !important; border:1px solid #d7d7d7 !important; color:#555 !important;
  border-radius:10px !important; padding:11px 20px !important; font-weight:600 !important; box-shadow:none !important;
}
#onepagecheckoutps .btn-link.pull-left:hover {
  background:#f3f4f6 !important; border-color:#b9b9b9 !important; color:#1a1a1a !important;
}
#onepagecheckoutps #delivery_postcode:placeholder-shown {
  border:2px solid #2eb872 !important; box-shadow:0 0 0 3px rgba(46,184,114,.15) !important;
  animation:rdCpPulse 2s ease-in-out infinite;
}
@keyframes rdCpPulse { 0%,100%{box-shadow:0 0 0 2px rgba(46,184,114,.12)} 50%{box-shadow:0 0 0 5px rgba(46,184,114,.26)} }
#onepagecheckoutps .btn-info.rd-hide-reload { display:none !important; }

/* ===== Checkout v3 (2026-06-22): limpiar pantalla, filas envio/pago, verde marca, movil ===== */
body.page-order #wrapper .breadcrumb,
body.page-order #RDfrase { display:none !important; }
#onepagecheckoutps .blockreassurance_product { display:none !important; }
#onepagecheckoutps .btn-link.btn-block,
#onepagecheckoutps .btn-primary.btn-sm.btn-block.pull-right { display:none !important; }
#onepagecheckoutps .fields_container > .row { display:flex !important; flex-wrap:wrap !important; row-gap:14px !important; align-items:flex-start !important; }
#onepagecheckoutps .fields_container > .row > .form-group { margin-bottom:0 !important; float:none !important; }
body#checkout #onepagecheckoutps .delivery-option,
body#checkout #onepagecheckoutps .module_payment_container {
  background:#fff !important; border:1px solid #e6e6e6 !important; border-radius:12px !important; margin-bottom:10px !important;
}
body#checkout #onepagecheckoutps .delivery-option:hover,
body#checkout #onepagecheckoutps .module_payment_container:hover { border-color:#2eb872 !important; }
#onepagecheckoutps .delivery-option > .row.pts-vcenter,
#onepagecheckoutps .payment-option { padding:12px 16px !important; margin:0 !important; align-items:center !important; }
#onepagecheckoutps .delivery_option_logo img,
#onepagecheckoutps .payment_image img {
  max-height:42px !important; width:auto !important; max-width:100% !important;
  background:#fff !important; border:1px solid #eee !important; border-radius:8px !important; padding:4px !important;
}
#onepagecheckoutps .delivery_option_title { font-weight:600 !important; }
body#checkout #onepagecheckoutps .delivery-option.selected,
body#checkout #onepagecheckoutps .module_payment_container.selected > .payment-option {
  background-color:#2eb872 !important; border-color:#2eb872 !important;
}
#onepagecheckoutps .delivery-option.selected .row.pts-vcenter,
#onepagecheckoutps .delivery-option.selected .row.pts-vcenter *,
#onepagecheckoutps .module_payment_container.selected > .payment-option,
#onepagecheckoutps .module_payment_container.selected > .payment-option * { color:#fff !important; }
#onepagecheckoutps .delivery-option.selected .delivery_option_logo img,
#onepagecheckoutps .module_payment_container.selected .payment_image img { background:#fff !important; }
@media (max-width:767px){
  #onepagecheckoutps h1 { margin-top:4px !important; font-size:23px !important; }
  body.page-order #content-wrapper { padding-top:6px !important; }
  #onepagecheckoutps .cart_item { align-items:flex-start !important; }
  #onepagecheckoutps .cart_item .cart_description { padding-left:10px !important; font-size:14px !important; }
  #onepagecheckoutps .cart_item img { border-radius:8px !important; }
}

/* ===== Checkout/Carrito v4 (2026-06-22): paleta unica #509E2F, carrito limpio, cupon, metodos, movil ===== */
:root{ --rd-green:#509E2F; --rd-green-rgb:80,158,47; }
#onepagecheckoutps .form-control:focus,
#onepagecheckoutps select:focus,
#onepagecheckoutps textarea:focus { border-color:#509E2F !important; box-shadow:0 0 0 3px rgba(80,158,47,.15) !important; }
#onepagecheckoutps .onepagecheckoutps_p_step i,
#onepagecheckoutps .onepagecheckoutps_p_step:before { color:#509E2F !important; }
#onepagecheckoutps a.btn-primary.btn-lg.pull-right { box-shadow:0 4px 16px rgba(80,158,47,.32) !important; }
#onepagecheckoutps #delivery_postcode:placeholder-shown { border:2px solid #509E2F !important; box-shadow:0 0 0 3px rgba(80,158,47,.18) !important; }
@keyframes rdCpPulse { 0%,100%{box-shadow:0 0 0 2px rgba(80,158,47,.14)} 50%{box-shadow:0 0 0 5px rgba(80,158,47,.30)} }
body#checkout #onepagecheckoutps .delivery-option:hover,
body#checkout #onepagecheckoutps .module_payment_container:hover { border-color:#509E2F !important; }
body#checkout #onepagecheckoutps .delivery-option.selected,
body#checkout #onepagecheckoutps .module_payment_container.selected > .payment-option { background-color:#509E2F !important; border-color:#509E2F !important; }
body#cart .blockreassurance_product { display:none !important; }
body#cart .breadcrumb-bg, body#cart #RDfrase,
body.page-order .breadcrumb-bg { display:none !important; }
body#cart .alert:empty, #onepagecheckoutps .alert:empty, .cart-grid .alert:empty { display:none !important; }
#onepagecheckoutps #discount_name, #onepagecheckoutps .promo-input,
body#cart .promo-input, body#cart input[name=discount_name] { height:46px !important; min-height:46px !important; }
#onepagecheckoutps .btn-primary.btn-sm,
body#cart .promo-code .btn, body#cart .block-promo .btn {
  height:46px !important; min-height:46px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
#onepagecheckoutps .row:has(> [id$=_step_two_container]) { display:flex !important; flex-wrap:wrap !important; align-items:stretch !important; }
#onepagecheckoutps_step_two_container, #onepagecheckoutps_step_three_container { display:flex !important; flex-direction:column !important; }
#onepagecheckoutps_step_two_container .alert:last-child,
#onepagecheckoutps_step_three_container .alert:last-child { margin-bottom:0 !important; }
#onepagecheckoutps form[id^=form_address] .row,
#onepagecheckoutps .fields_container > .row { display:flex !important; flex-wrap:wrap !important; row-gap:0 !important; align-items:flex-start !important; }
#onepagecheckoutps form[id^=form_address] .row > .form-group,
#onepagecheckoutps .fields_container > .row > .form-group { margin-bottom:14px !important; float:none !important; }
@media (max-width:767px){
  #onepagecheckoutps .cart_item { display:flex !important; flex-wrap:wrap !important; align-items:center !important; }
  #onepagecheckoutps .cart_item .hidden-sm-up.clear { display:none !important; }
  #onepagecheckoutps .cart_item > [class*=col-xs-3].text-md-center { flex:0 0 70px !important; max-width:70px !important; }
  #onepagecheckoutps .cart_item .cart_description { flex:1 1 calc(100% - 80px) !important; max-width:calc(100% - 80px) !important; }
  #onepagecheckoutps .cart_item [class*=col-xs-3].text-md-right { display:none !important; }
  #onepagecheckoutps .cart_item [class*=col-xs-9] { flex:0 0 auto !important; width:auto !important; max-width:none !important; text-align:left !important; padding:2px 10px !important; }
}

/* ===== Checkout v5 (2026-06-22): fix DEFINITIVO espaciado direccion + quitar barra promo en checkout ===== */
#onepagecheckoutps .fields_container > .row { margin-bottom:14px !important; }
#onepagecheckoutps .fields_container > .row.hidden { margin-bottom:0 !important; }
body.page-order .box-navads,
body.page-order .wrapper[style*="58585a"] { display:none !important; }

/* ===== Checkout v6 (2026-06-22): avisos mismo margen + envio/pago en 2 columnas compactas ===== */
#onepagecheckoutps_step_two_container .alert.alert-warning,
#onepagecheckoutps_step_three_container .alert.alert-warning { margin-top:0 !important; margin-bottom:0 !important; }
#onepagecheckoutps #onepagecheckoutps_step_two,
#onepagecheckoutps #onepagecheckoutps_step_three { margin:0 !important; padding:0 !important; }
#onepagecheckoutps .delivery-options, #onepagecheckoutps .payment-options { display:block !important; }
#onepagecheckoutps .delivery-options > .delivery-option,
#onepagecheckoutps .payment-options > .module_payment_container { margin:0 0 10px !important; width:100% !important; overflow:hidden !important; height:auto !important; }
#onepagecheckoutps .delivery-option > .row.pts-vcenter,
#onepagecheckoutps .payment-option { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:12px !important; margin:0 !important; padding:12px 16px !important; }
#onepagecheckoutps .delivery-option .col-xs-1,
#onepagecheckoutps .payment_input { flex:0 0 22px !important; width:22px !important; max-width:22px !important; padding:0 !important; display:flex !important; justify-content:center !important; }
#onepagecheckoutps .delivery_option_logo,
#onepagecheckoutps .payment_image { flex:0 0 70px !important; width:70px !important; max-width:70px !important; padding:0 !important; text-align:center !important; }
#onepagecheckoutps .delivery_option_logo img,
#onepagecheckoutps .payment_image img { max-width:64px !important; max-height:34px !important; width:auto !important; height:auto !important; display:inline-block !important; }
#onepagecheckoutps .carrier_delay,
#onepagecheckoutps .payment_content { flex:1 1 auto !important; min-width:0 !important; padding:0 !important; font-size:13px !important; line-height:1.4 !important; }
#onepagecheckoutps .delivery_option_title { font-size:13.5px !important; font-weight:600 !important; }
@media (max-width:575px){
  #onepagecheckoutps .delivery-options, #onepagecheckoutps .payment-options { grid-template-columns:1fr !important; }
}

/* ===== Stepper cantidad [-][qty][+]; papelera si qty=1; + destacado (checkout + carrito) ===== */
#onepagecheckoutps .bootstrap-touchspin, .page-cart .bootstrap-touchspin { display:inline-flex !important; align-items:center !important; width:auto !important; border:none !important; box-shadow:none !important; }
#onepagecheckoutps .bootstrap-touchspin .input-group-addon, .page-cart .bootstrap-touchspin .input-group-addon { display:none !important; }
#onepagecheckoutps .bootstrap-touchspin .input-group-btn-vertical, .page-cart .bootstrap-touchspin .input-group-btn-vertical { display:contents !important; }
#onepagecheckoutps .bootstrap-touchspin .cart-line-product-quantity, .page-cart .bootstrap-touchspin .cart-line-product-quantity { order:2 !important; width:42px !important; text-align:center !important; border:1px solid #d5d5d5 !important; border-left:0 !important; border-right:0 !important; border-radius:0 !important; height:34px !important; padding:0 !important; font-size:14px !important; background:#fff !important; }
#onepagecheckoutps .bootstrap-touchspin .btn-touchspin, .page-cart .bootstrap-touchspin .btn-touchspin { width:34px !important; height:34px !important; min-height:0 !important; border:1px solid #d5d5d5 !important; background:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; box-shadow:none !important; position:relative !important; opacity:1 !important; }
#onepagecheckoutps .bootstrap-touchspin .btn-touchspin i, #onepagecheckoutps .bootstrap-touchspin .btn-touchspin svg, #onepagecheckoutps .bootstrap-touchspin .btn-touchspin span, .page-cart .bootstrap-touchspin .btn-touchspin i, .page-cart .bootstrap-touchspin .btn-touchspin svg, .page-cart .bootstrap-touchspin .btn-touchspin span { display:none !important; }
#onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-down, .page-cart .bootstrap-touchspin .bootstrap-touchspin-down { order:1 !important; border-radius:8px 0 0 8px !important; }
#onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-down:before, .page-cart .bootstrap-touchspin .bootstrap-touchspin-down:before { content:"\2212" !important; display:block !important; font-size:18px !important; color:#333 !important; line-height:1 !important; }
#onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-up, .page-cart .bootstrap-touchspin .bootstrap-touchspin-up { order:3 !important; border-radius:0 8px 8px 0 !important; background:#509E2F !important; border-color:#509E2F !important; width:42px !important; }
#onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-up:before, .page-cart .bootstrap-touchspin .bootstrap-touchspin-up:before { content:"+" !important; display:block !important; font-size:22px !important; color:#fff !important; font-weight:700 !important; line-height:1 !important; }
#onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-up:hover, #onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-up:active, #onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-up:focus, .page-cart .bootstrap-touchspin .bootstrap-touchspin-up:hover, .page-cart .bootstrap-touchspin .bootstrap-touchspin-up:active { background:#458427 !important; border-color:#458427 !important; }
#onepagecheckoutps .bootstrap-touchspin .bootstrap-touchspin-down:hover, .page-cart .bootstrap-touchspin .bootstrap-touchspin-down:hover { background:#f3f3f3 !important; }
#onepagecheckoutps .bootstrap-touchspin .remove-from-cart, .page-cart .bootstrap-touchspin .remove-from-cart { order:1 !important; width:34px !important; height:34px !important; border:1px solid #d5d5d5 !important; border-radius:8px 0 0 8px !important; display:none !important; align-items:center !important; justify-content:center !important; color:#e24b4a !important; background:#fff !important; }
#onepagecheckoutps .bootstrap-touchspin .remove-from-cart i, #onepagecheckoutps .bootstrap-touchspin .remove-from-cart .material-icons, .page-cart .bootstrap-touchspin .remove-from-cart i, .page-cart .bootstrap-touchspin .remove-from-cart .material-icons { display:inline !important; font-size:18px !important; color:#e24b4a !important; }
#onepagecheckoutps .bootstrap-touchspin.rd-qty-one .bootstrap-touchspin-down, .page-cart .bootstrap-touchspin.rd-qty-one .bootstrap-touchspin-down { display:none !important; }
#onepagecheckoutps .bootstrap-touchspin.rd-qty-one .remove-from-cart, .page-cart .bootstrap-touchspin.rd-qty-one .remove-from-cart { display:flex !important; }

/* ===== Checkout v9 (2026-06-22): pago compacto + radio inline + stepper con espacio ===== */
#onepagecheckoutps .row.pts-vcenter.payment-option,
#onepagecheckoutps .module_payment_container .payment-option { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:10px !important; padding:8px 12px !important; }
#onepagecheckoutps .module_payment_container .payment_input { flex:0 0 20px !important; width:20px !important; max-width:20px !important; display:flex !important; justify-content:center !important; padding:0 !important; }
#onepagecheckoutps .module_payment_container .payment_image { flex:0 0 64px !important; width:64px !important; max-width:64px !important; padding:0 !important; text-align:center !important; }
#onepagecheckoutps .module_payment_container .payment_content { flex:1 1 auto !important; min-width:0 !important; padding:0 !important; font-size:13px !important; line-height:1.35 !important; }
#onepagecheckoutps .module_payment_container, #onepagecheckoutps .delivery-options > .delivery-option { margin:0 0 6px !important; }
#onepagecheckoutps .bootstrap-touchspin, .page-cart .bootstrap-touchspin { gap:4px !important; }
#onepagecheckoutps .bootstrap-touchspin .cart-line-product-quantity, .page-cart .bootstrap-touchspin .cart-line-product-quantity { border:1px solid #d5d5d5 !important; border-radius:8px !important; }
#onepagecheckoutps .bootstrap-touchspin .btn-touchspin, #onepagecheckoutps .bootstrap-touchspin .remove-from-cart, .page-cart .bootstrap-touchspin .btn-touchspin, .page-cart .bootstrap-touchspin .remove-from-cart { border-radius:8px !important; }

/* ===== Checkout v10 (2026-06-22): pago flex (3 ids), stepper alturas iguales, totales alineados ===== */
body#checkout #onepagecheckoutps #payment_method_container > .module_payment_container > .payment-option { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:10px !important; padding:8px 12px !important; }
body#checkout #onepagecheckoutps #payment_method_container > .module_payment_container > .payment-option > .payment_input { flex:0 0 20px !important; width:20px !important; max-width:20px !important; display:flex !important; justify-content:center !important; padding:0 !important; }
body#checkout #onepagecheckoutps #payment_method_container > .module_payment_container > .payment-option > .payment_image { flex:0 0 64px !important; width:64px !important; max-width:64px !important; padding:0 !important; text-align:center !important; }
body#checkout #onepagecheckoutps #payment_method_container > .module_payment_container > .payment-option > .payment_content { flex:1 1 auto !important; min-width:0 !important; padding:0 !important; font-size:13px !important; line-height:1.35 !important; }
body#checkout #onepagecheckoutps .bootstrap-touchspin .cart-line-product-quantity,
body#checkout #onepagecheckoutps .bootstrap-touchspin .btn-touchspin,
body#checkout #onepagecheckoutps .bootstrap-touchspin .remove-from-cart,
.page-cart .bootstrap-touchspin .cart-line-product-quantity,
.page-cart .bootstrap-touchspin .btn-touchspin,
.page-cart .bootstrap-touchspin .remove-from-cart { height:40px !important; }
#onepagecheckoutps .cart-detailed-totals .order_total_items { text-align:right !important; }
#onepagecheckoutps .cart-detailed-totals .order_total_items > .row { display:flex !important; flex-wrap:nowrap !important; justify-content:flex-end !important; align-items:baseline !important; gap:6px !important; margin:0 !important; }
/* RD 2026-07-16: la regla de arriba (flex !important) pisaba la clase .hidden del modulo y la fila
   "Cuota adicional" (recargo contrareembolso/paypal) se quedaba visible al cambiar de metodo de pago.
   Mayor especificidad para que .hidden vuelva a ganar: */
#onepagecheckoutps .cart-detailed-totals .order_total_items > .row.hidden { display:none !important; }
#onepagecheckoutps .cart-detailed-totals .order_total_items > .row > [class*=col-] { float:none !important; width:auto !important; max-width:none !important; flex:0 0 auto !important; padding:0 !important; text-align:right !important; }

/* ===== Checkout v11 (2026-06-22): papelera del stepper alineada (3 ids para ganar al #onepagecheckoutps_step_review del modulo) ===== */
body#checkout #onepagecheckoutps #onepagecheckoutps_step_review .bootstrap-touchspin .cart-line-product-quantity,
body#checkout #onepagecheckoutps #onepagecheckoutps_step_review .bootstrap-touchspin .btn-touchspin,
body#checkout #onepagecheckoutps #onepagecheckoutps_step_review .bootstrap-touchspin .remove-from-cart { height:38px !important; min-height:38px !important; margin:0 !important; float:none !important; box-sizing:border-box !important; }
body#checkout #onepagecheckoutps #onepagecheckoutps_step_review .bootstrap-touchspin .remove-from-cart { display:none !important; align-items:center !important; justify-content:center !important; }
body#checkout #onepagecheckoutps #onepagecheckoutps_step_review .bootstrap-touchspin.rd-qty-one .remove-from-cart { display:flex !important; }
body#checkout #onepagecheckoutps #onepagecheckoutps_step_review .bootstrap-touchspin.rd-qty-one .bootstrap-touchspin-down { display:none !important; }

/* FIX CARRITO: input de cantidad usa `.js-cart-line-product-quantity` -> mismo orden/ancho/estilo */
.page-cart .bootstrap-touchspin .js-cart-line-product-quantity { order:2 !important; flex:0 0 auto !important; width:42px !important; min-width:42px !important; max-width:42px !important; text-align:center !important; border:1px solid #d5d5d5 !important; border-radius:8px !important; height:40px !important; padding:0 !important; font-size:14px !important; background:#fff !important; }

/* "Crear una cuenta y disfrutar los beneficios..." en NEGRITA */
#onepagecheckoutps label:has(#checkbox_create_account_guest) { font-weight:700 !important; color:#1a1a1a !important; }

/* ===== FICHA PRODUCTO (2026-06-22): un solo corazon + compare/heart en linea + Twitter->X ===== */
.product-actions .leo-compare-wishlist-button .wishlist { display:none !important; }
.product-actions .p-cartwapper { display:flex !important; flex-flow:row wrap !important; align-items:center !important; gap:8px !important; }
.product-actions .p-cartwapper .leo-compare-wishlist-button { width:auto !important; flex:0 0 auto !important; margin:0 !important; }
.product-actions .p-cartwapper .wishlist-button-add { margin:0 !important; }
.social-sharing li.twitter a:before { content:"" !important; display:inline-block !important; width:14px !important; height:14px !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzQ0NDQ0NCI+PHBhdGggZD0iTTE4LjI0NCAyLjI1aDMuMzA4bC03LjIyNyA4LjI2IDguNTAyIDExLjI0aC02LjY2bC01LjIxNC02LjgxN0w0Ljk5IDIxLjc1SDEuNjhsNy43My04LjgzNUwxLjI1NCAyLjI1SDguMDhsNC43MTMgNi4yMzF6bS0xLjE2MSAxNy41MmgxLjgzM0w3LjA4NCA0LjEyNkg1LjExN3oiLz48L3N2Zz4=") no-repeat center / contain !important; vertical-align:middle; }

/* ===== Modal de acceso rapido (al pulsar favorito/wishlist sin sesion) (2026-06-22) ===== */
#rd-auth-modal { display:none; position:fixed; inset:0; z-index:99999; }
#rd-auth-modal.rd-open { display:block; }
#rd-auth-modal .ov { position:absolute; inset:0; background:rgba(0,0,0,.5); }
#rd-auth-modal .bx { position:relative; max-width:420px; margin:7vh auto; background:#fff; border-radius:14px; padding:26px 26px 22px; box-shadow:0 14px 44px rgba(0,0,0,.3); max-height:84vh; overflow:auto; }
#rd-auth-modal .cl { position:absolute; top:10px; right:14px; border:0; background:none; font-size:26px; line-height:1; cursor:pointer; color:#999; }
#rd-auth-modal h3 { margin:0 0 4px; font-size:20px; font-weight:700; color:#1a1a1a; }
#rd-auth-modal .rd-sub { margin:0 0 18px; font-size:13px; color:#777; }
#rd-auth-modal .bd .form-group, #rd-auth-modal .bd .form-fields > div { display:block !important; margin-bottom:12px !important; }
#rd-auth-modal .bd label { display:block !important; width:auto !important; max-width:none !important; text-align:left !important; margin-bottom:5px !important; font-size:13px; color:#444; font-weight:600; }
#rd-auth-modal .bd input[type=email], #rd-auth-modal .bd input[type=password], #rd-auth-modal .bd input[type=text] { width:100% !important; height:44px !important; border:1px solid #d5d5d5 !important; border-radius:8px !important; padding:0 12px !important; font-size:14px; box-sizing:border-box; }
#rd-auth-modal .bd [data-link-action=sign-in], #rd-auth-modal .bd button[type=submit] { width:100% !important; background:#509E2F !important; border:0 !important; color:#fff !important; border-radius:10px !important; padding:13px !important; font-weight:700 !important; font-size:15px !important; cursor:pointer; margin-top:6px; }
#rd-auth-modal .bd .rd-reg, #rd-auth-modal .bd .rd-go { display:block; text-align:center; margin-top:14px; color:#509E2F; font-weight:600; text-decoration:none; }
#rd-auth-modal .bd a { color:#509E2F; }
#rd-auth-modal .bd .forgot-password { font-size:12px; margin:4px 0 10px; }
#rd-auth-modal #opc_login { text-align:left; }
#rd-auth-modal #opc_social_networks { border-bottom:1px solid #d6d4d4; margin-bottom:14px; padding-bottom:10px; text-align:center; }
#rd-auth-modal #opc_social_networks button { margin:6px 5px; box-shadow:0 1px 2px 1px #aaaaaa; font-size:13px; padding:6px 10px; border:0; border-radius:4px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; line-height:1; }
#rd-auth-modal #opc_social_networks button > i { font-size:19px; }
#rd-auth-modal #opc_social_networks button > img { height:18px; width:auto; }
#rd-auth-modal #opc_social_networks .btn-facebook { background-color:#3b5998; color:#fff; }
#rd-auth-modal #opc_social_networks .btn-google { background-color:#fff; color:#000; font-family:'Roboto',sans-serif; font-weight:500; border:1px solid #ddd; }
#rd-auth-modal #opc_social_networks .btn-paypal { background-color:#003087; color:#fff; }
#rd-auth-modal #opc_social_networks .btn-facebook:hover, #rd-auth-modal #opc_social_networks .btn-google:hover, #rd-auth-modal #opc_social_networks .btn-paypal:hover { opacity:.9; }
#rd-auth-modal #opc_social_networks .btn-facebook i, #rd-auth-modal #opc_social_networks .btn-paypal i { color:#fff; }
#rd-auth-modal #form_login .input-group { display:flex; }
#rd-auth-modal #form_login .input-group-addon { display:flex; align-items:center; justify-content:center; width:44px; background:#f5f5f5; border:1px solid #d5d5d5; border-right:0; border-radius:8px 0 0 8px; color:#888; }
#rd-auth-modal #txt_login_email, #rd-auth-modal #txt_login_password { flex:1; height:44px; border:1px solid #d5d5d5; border-radius:0 8px 8px 0; padding:0 12px; font-size:14px; line-height:24px; }
#rd-auth-modal #form_login .rd-err { margin:0 0 8px; padding:8px 12px; font-size:13px; }
#rd-auth-modal #btn_login { width:100%; background:#509E2F; color:#fff; border:0; border-radius:10px; padding:12px; font-weight:700; font-size:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
#rd-auth-modal #btn_login:hover { background:#458427; }
#rd-auth-modal .forget_password { text-align:right; margin:10px 0 0; }
#rd-auth-modal .forget_password a { color:#509E2F; font-size:13px; }
#rd-auth-modal .rd-reg-wrap { text-align:center; margin:14px 0 0; border-top:1px solid #eee; padding-top:12px; }
#rd-auth-modal .rd-reg { color:#509E2F; font-weight:600; text-decoration:none; }

/* RD: MENU en hamburguesa hasta 1399px -----------------------------------
   Los ~10 items del megamenu ocupan ~1147px; la columna del menu (col-xl-10) solo
   da >=1147px a partir de ~1400px (xxl). Entre 992 y 1399 el menu se partia en 2
   filas. Forzamos el estado hamburguesa/off-canvas en ese rango (a >=1400 queda
   horizontal porque cabe en 1 linea, como en prod). El off-canvas lo dispara el
   .navbar-toggler por JS (verificado: abre en bloque con todos los items).
   ponytail: corte en 1400; subir a 1499.98 si a ~1450 aun se parte. */
@media (min-width: 992px) and (max-width: 1399.98px){
  .leo-megamenu .navbar-toggler.hidden-lg-up{ display:block !important; }
  .leo-megamenu .leo-top-menu.navbar-toggleable-md{ display:none !important; }
}

/* RD: blockwishlist inyecta DOS .wishlist-button-add identicos por miniatura
   (no estan en la plantilla del tema; los anade blockwishlist por duplicado). Prod tiene 1.
   Ocultar el hermano sobrante -> queda 1 corazon flotante top-right (como prod). */
.product-miniature .thumbnail-container > .wishlist-button-add ~ .wishlist-button-add{ display:none !important; }

/* RD: iconos sociales del FOOTER en gris uniforme (misma estetica para todos,
   en vez de cada uno con su color de marca). Gris = #666 (el gris de texto de la web). */
.block-social ul li a{ background-color:#666 !important; }
.block-social ul li a:hover{ background-color:#444 !important; }

/* RD: LISTADO - corazon en la barra de acciones (junto a comprar) + add-to-cart en la esquina.
   blockwishlist pinta 2 corazones flotantes en .thumbnail-container -> ocultarlos todos; el JS mueve 1 a .pro3-btn. */
.product-miniature .thumbnail-container > .wishlist-button-add{ display:none !important; }
.product-miniature .pro3-btn .wishlist-button-add{ display:flex !important; align-items:center; justify-content:center; }
.product-miniature .pro3-btn .wishlist-button-add i{ font-size:20px; line-height:1; }
/* boton "anadir al carrito" en la esquina (donde estaba el corazon) -> abre quickview para elegir opciones */
.product-miniature .thumbnail-container{ position:relative; }
.product-miniature .rd-corner-cart{ position:absolute; top:10px; right:10px; z-index:6; width:40px; height:40px;
  border-radius:50%; background:#fff; border:0; box-shadow:0 1px 6px rgba(0,0,0,.18); cursor:pointer;
  display:flex; align-items:center; justify-content:center; color:#333; padding:0; transition:background .15s,color .15s; }
.product-miniature .rd-corner-cart:hover{ background:#509E2F; color:#fff; }
.product-miniature .rd-corner-cart i{ font-size:20px; line-height:1; }

/* RD: carrito - feedback optimista al cambiar cantidad (atenuar totales mientras recalcula). */
.rd-cart-updating{ opacity:.55 !important; transition:opacity .12s; position:relative; }

/* RD: MENU tablet (992-1399) - sidebar deslizante COMO MOVIL (corrige el dropdown).
   El tema construye .off-canvas-nav-megamenu (vertical, 13 categorias + acordeon por .caret) pero
   lo tiene display:none y su slide gateado a <=991px. Aqui lo mostramos y deslizamos en el rango
   tablet; el toggler ya togglea body.off-canvas-active (JS del tema). VERIFICADO forzando el estado:
   sidebar 300px entra desde la izquierda con las categorias. */
.rd-menu-overlay{ display:none; }
@media (min-width: 992px) and (max-width: 1399.98px){
  .off-canvas-nav-megamenu{
    display:block !important; position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important;
    width:300px !important; max-width:85vw !important; height:100vh !important; background:#fff !important;
    z-index:1100 !important; overflow-y:auto !important; transform:translateX(-100%) !important;
    transition:transform .3s ease !important; box-shadow:2px 0 14px rgba(0,0,0,.25) !important;
  }
  body.off-canvas-active > .off-canvas-nav-megamenu{ position:fixed !important; transform:translateX(0) !important; }
  .off-canvas-nav-megamenu .offcanvas-mainnav{
    display:block !important; position:static !important; left:auto !important; top:auto !important;
    width:100% !important; height:auto !important; background:#fff !important; overflow:visible !important;
  }
  .off-canvas-nav-megamenu .off-canvas-button-megamenu{ color:#333 !important; text-align:right; padding:14px 16px !important; cursor:pointer; }
  body.off-canvas-active .rd-menu-overlay{ display:block; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1099; }
}


/* RD 16/07/2026: retirado tambien el parche gris #666 del X — sin los fondos negros ya no hace
   falta; el X usa ahora las mismas reglas .block-social del tema que el resto de iconos. */

/* RD: TABLET (992-1399) - alinear hamburguesa a la izquierda + barra de envio a todo el ancho
   + ocultar los submenus/popups de los iconos (en tablet el tap debe navegar, no abrir dropdown). */
@media (min-width: 992px) and (max-width: 1399.98px){
  .leo-megamenu .navbar-header{ float:left !important; text-align:left !important; width:auto !important; padding-left:0 !important; }
  .leo-megamenu .navbar-toggler{ float:left !important; margin:0 !important; position:relative !important; left:0 !important; }
  .box-navads > [class*=col-]{ flex:0 0 100% !important; max-width:100% !important; width:100% !important; }
  .userinfo-selector .popup-content, .userinfo-selector .dropdown-menu,
  .header .js-dropdown .popup-content, .ap-mini-cart, .blockcart .cart_block{ display:none !important; }
}

/* RD: TABLET (992-1399) - sin scroll horizontal (elementos fixed off-screen: panel off-canvas, cookie launcher)
   + perfil sin dropdown en ningun estado (open/show/hover). */
@media (min-width: 992px) and (max-width: 1399.98px){
  html{ overflow-x:hidden !important; }
  .userinfo-selector .popup-content, .userinfo-selector.open .popup-content, .userinfo-selector.show .popup-content,
  .userinfo-selector:hover .popup-content, .userinfo-selector .dropdown-menu{ display:none !important; }
}

/* RD: LISTADO v2 - esquina (carrito quick-add + corazon en movil) + columna filtros fija + movil */
.product-miniature .rd-corner{ position:absolute !important; top:10px; right:10px; z-index:6; display:flex; flex-direction:column; gap:6px; align-items:center; }
.product-miniature .rd-corner .rd-corner-cart,
.product-miniature .rd-corner .wishlist-button-add{
  position:static !important; top:auto !important; right:auto !important; margin:0 !important;
  width:40px !important; height:40px !important; border-radius:50% !important; background:#fff !important; border:0 !important;
  box-shadow:0 1px 6px rgba(0,0,0,.18) !important; cursor:pointer; display:flex !important; align-items:center !important;
  justify-content:center !important; color:#333 !important; padding:0 !important; opacity:1 !important; transition:background .15s,color .15s; }
.product-miniature .rd-corner .rd-corner-cart:hover,
.product-miniature .rd-corner .wishlist-button-add:hover{ background:#509E2F !important; color:#fff !important; }
.product-miniature .rd-corner .rd-corner-cart i,
.product-miniature .rd-corner .wishlist-button-add i{ font-size:20px !important; line-height:1 !important; color:inherit !important; }
/* ocultar el carrito de la barra hover (ya esta en la esquina, no repetido) */
.product-miniature .pro3-btn .button-container.cart{ display:none !important; }
/* columna de filtros/categorias FIJA al hacer scroll (desktop) */
@media (min-width: 992px){ #left-column{ position:sticky; top:10px; align-self:flex-start; } }
/* MOVIL: solo me-gusta + carrito en la esquina; ocultar la barra hover (quickview/comparar) */
@media (max-width: 767px){
  .product-miniature .pro3-btn{ display:none !important; }
  .quickview .product-images, .quickview .images-container, .quickview .product-cover{ max-width:38% !important; flex:0 0 38% !important; }
  .quickview .product-images img, .quickview .images-container img, .quickview .product-cover img{ max-height:160px !important; width:auto !important; }
}
/* RD cache-bust 1782226487 */

/* RD: listado/ficha v3 - precio 18px, quitar lupa, verdes (stock+ahorra), titulo completo, esquinas movil */
.product-miniature .price{ font-size:18px !important; }
.product-miniature .pro3-btn .quickview{ display:none !important; }
.product-miniature .product-title{ white-space:normal !important; }
/* verdes paleta #509E2F: stock (incl ultimas unidades) + ahorra */
.product-availability, .product-availability span, .product-last-items, .product-last-items span,
.in-stock, .product-quantities, .product-quantities span{ color:#509E2F !important; }
.discount-percentage, .discount.discount-percentage, .product-discount .discount, .discount-product{ background-color:#cc0c39 !important; color:#fff !important; }
/* MOVIL: carrito arriba-derecha (.rd-corner), corazon abajo-IZQUIERDA (.rd-corner-heart) - no tapa el precio */
.product-miniature .rd-corner-heart{ position:absolute; bottom:10px; left:10px; right:auto; z-index:6; }
.product-miniature .rd-corner-heart .wishlist-button-add{ position:static !important; margin:0 !important; width:40px !important; height:40px !important;
  border-radius:50% !important; background:#fff !important; box-shadow:0 1px 6px rgba(0,0,0,.18) !important; display:flex !important;
  align-items:center !important; justify-content:center !important; color:#333 !important; padding:0 !important; opacity:1 !important; }
.product-miniature .rd-corner-heart .wishlist-button-add:hover{ background:#509E2F !important; color:#fff !important; }
.product-miniature .rd-corner-heart .wishlist-button-add i{ font-size:20px !important; line-height:1 !important; color:inherit !important; }

.product-miniature .pro3-btn .compare{ display:none !important; }

/* RD: quickview sin compartir + navbar sticky (el SSL del footer se quito en el bloque de appagebuilder, BD) */
.quickview .social-sharing, #product-modal .social-sharing, .modal .social-sharing, [id*=quickview] .social-sharing, [class*=quickview] .social-sharing{ display:none !important; }
.wrapper.rd-navsticky{ position:fixed !important; top:0; left:0; right:0; width:100% !important; z-index:1000; background:#fff !important; box-shadow:0 2px 10px rgba(0,0,0,.12); }

/* RD: MOVIL - la lista de categorias del left-column duplica el menu hamburguesa. Ocultarla:
   las categorias se navegan solo por la hamburguesa lateral. El FILTRAR (amazzingfilter) es otro modulo y se mantiene. */
@media (max-width: 991px){
  #left-column .block-categories,
  .block-categories{ display:none !important; }
}

/* RD: eliminar COMPARAR en todos los sitios (listado, quickview, ficha). El wishlist se mantiene. */
.leo-compare-button, .leo-bt-compare, .compare, .add_to_compare,
[data-link-action="add-to-compare"], .product-comparison, .pro3-btn .compare,
.rd-corner .compare{ display:none !important; }

/* RD: quickview - ocultar contador de campana (dias/horas/min/seg) */
.quickview .psproductcountdown, .modal.quickview .psproductcountdown,
[class*=quickview] .psproductcountdown{ display:none !important; }

/* RD: corazon de la miniatura anclado a la IMAGEN (esquina inf izq), no sobre el precio */
.product-miniature .product-image{ position:relative; }

/* RD: quickview MOVIL - imagen pequena (resumen) tras el nombre + stack vertical.
   El orden Nombre->foto->precio->descripcion->opciones->anadir lo monta el JS moviendo la imagen. */
@media (max-width: 767px){
  .quickview .modal-body .row{ display:block; }
  /* imagen-resumen simple (el JS la crea con el src de la portada; el slider Slick original queda oculto) */
  .quickview .rd-qv-mobile-img{ display:block; width:60%; max-width:200px; height:auto; margin:12px auto; border-radius:4px; }
}

/* RD: GUIA DE MEDIDAS - las tablas viven dentro de las descripciones (producto/categoria/CMS).
   Bajar el font a ~13px (0.8125rem). El data-sheet de detalles es un <dl>, no le afecta. */
.product-description table, #description table, .product-information .rte-content table,
.block-category table, #category-description table,
#content .rte-content table, .cms-page table{ font-size:0.8125rem !important; line-height:1.4 !important; }
.product-description table td, .product-description table th,
.block-category table td, .block-category table th,
.product-description table caption, .block-category table caption{ font-size:0.8125rem !important; padding:5px 8px !important; }

/* RD: ocultar el badge flotante de Trusted Shops SOLO mientras el menu lateral (off-canvas) esta abierto.
   Scoped a body.off-canvas-active -> no toca la altura/posicion del menu, no puede romper el deslizamiento. */
body.off-canvas-active .trustbadge-iframe,
body.off-canvas-active [id*="trustbadge"],
body.off-canvas-active [class*="trustbadge"]{ display:none !important; }

/* RD: [A] MENU off-canvas (movil) - carets (<b.caret>) de los sub-items a la derecha de forma
   consistente. Estaban absolute pero el <li> no era relative -> se alineaban a referencias distintas. */
.off-canvas-nav-megamenu li.nav-item{ position:relative; }
.off-canvas-nav-megamenu li.nav-item > .caret{ position:absolute !important; right:16px !important; left:auto !important; }

/* RD: [B] MEGAMENU desplegable (escritorio, TODAS las categorias) - las subcategorias son ul.col-*
   FLOTADAS dentro de .row; al no cuadrar en filas de 3 quedaba una huerfana (p.ej. "Sabanas de Invierno").
   CSS Grid de 3 columnas las reparte parejas sin huerfanos. VERIFICADO por medicion: 3 cols, 5 filas,
   "Sabanas de Invierno" entra en la rejilla. */
@media (min-width: 992px){
  /* solo la .row INTERNA (la que tiene los ul.col- directos) -> grid. La externa lleva una .col-sm-12
     mega-col de ancho completo; si la gridaramos tambien, se squisharia y las columnas no ocuparian el
     modal. :has() lo aisla (Chrome moderno; ya se usa para el SSL del footer). */
  .leo-megamenu .dropdown-menu .row:has(> ul[class*="col-"]){ display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:4px 24px !important; width:100% !important; }
  .leo-megamenu .dropdown-menu .row > ul[class*="col-"]{ float:none !important; width:auto !important; max-width:none !important; }
}


/* OPC: descripcion del metodo de pago legible al seleccionar (SELECTED_TEXT_COLOR la ponia blanca sobre su caja clara) */
html body div#onepagecheckoutps .module_payment_container.selected.alert.alert-info p,
html body div#onepagecheckoutps .module_payment_container.selected .payment_content p,
html body div#onepagecheckoutps .module_payment_container .payment_content p { color:#333 !important; }

/* ===== FICHA PRODUCTO (2026-07-16): cantidad + "añadir a la cesta" alineados y con aire respecto al mensaje de envio ===== */
/* el tema pone margin-bottom:10px al .qty y en el flex del p-cartwapper descuadraba el input respecto al boton */
.product-add-to-cart .product-quantity .qty { margin: 0 !important; }
.product-actions .p-cartwapper { margin-top: 15px !important; }
/* separacion tambien por si el aviso de envio (estimateddelivery) queda pegado por su lado */
#estimateddelivery.estimateddelivery-product { margin-bottom: 12px !important; }

/* ===== DROPDOWN PERFIL (2026-07-16): contador de "me gusta" sin chip verde (solo en el dropdown; el del carrito se mantiene) ===== */
.user-info .ap-total, .user-info .ap-total-wishlist { background: transparent !important; color: inherit !important; padding: 0 !important; min-width: 0 !important; }

/* ===== OPC (2026-07-16): texto del recargo PayPal (payment_content_html) salia blanco sobre blanco ===== */
html body div#onepagecheckoutps .payment_content_html,
html body div#onepagecheckoutps .payment_content_html p,
html body div#onepagecheckoutps .payment_content_html dl,
html body div#onepagecheckoutps .payment_content_html dt,
html body div#onepagecheckoutps .payment_content_html dd { color: #333 !important; }

/* ===== HOME (2026-07-16): ocultar bloque de blog "Lastest Blogs" (ahi iran las resenas de Trusted Shops) ===== */
#blog-listing-home { display: none !important; }

/* RD 16/07/2026: producto sin stock -> boton "Añadir a la cesta" en gris.
   Solo afecta al estado deshabilitado (disabled = sin stock con pedido denegado);
   con stock el boton conserva el rojo del tema. */
body .btn.add-to-cart:disabled,
body .btn.add-to-cart.disabled {
    background-color: #b0b0b0 !important;
    border-color: #b0b0b0 !important;
    color: #fff !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

/* RD 16/07/2026: chip "Ahorra X%" en verde marca SOLO en la ficha de producto
   (body#product). En los listados de categoria se mantiene el rojo/vino del tema.
   Cubre tambien .discount-amount por si el descuento se muestra como importe. */
body#product .product-prices span.discount.discount-percentage,
body#product .product-prices span.discount.discount-amount {
    background: #509E2F !important;
    color: #fff !important;
}

/* ===== CHECKOUT (2026-07-16): indicador de progreso NO bloqueante (sustituye al overlay del OPC) ===== */
#rd-opc-progress{position:sticky;top:0;height:3px;z-index:60;overflow:hidden;display:block;opacity:0;background:rgba(37,99,235,.15);border-radius:2px;margin-bottom:6px;transition:opacity .12s;}
#rd-opc-progress.rd-on{opacity:1;}
#rd-opc-progress span{display:block;height:100%;width:38%;background:#2563eb;border-radius:2px;animation:rdOpcSlide 1s ease-in-out infinite;}
@keyframes rdOpcSlide{0%{transform:translateX(-130%)}100%{transform:translateX(330%)}}
.rd-updating{/* sin atenuado: el estado de carga lo marca el boton (rd-busy) y la barra */}
/* anti-carreras: mientras se actualiza, solo se desactivan los controles que disparan AJAX */
.rd-updating .delivery-option input[type=radio],
.rd-updating input[name=payment-option],
.rd-updating .cart_quantity_delete,
.rd-updating .bootstrap-touchspin .btn,
.rd-updating .bootstrap-touchspin-up,
.rd-updating .bootstrap-touchspin-down,
.rd-updating .product_quantity_up,
.rd-updating .product_quantity_down{pointer-events:none;}

/* ===== CHECKOUT retoques (2026-07-17, peticiones Sergio) ===== */
/* (1+3) el fondo verde del metodo seleccionado pintaba esquinas CUADRADAS dentro del borde
   redondeado del contenedor, y al expandirse (transferencia, etc.) el contenido rompia el
   radius: overflow:hidden clipea fondo y contenido al borde redondeado del contenedor */
body#checkout #onepagecheckoutps .delivery-option,
body#checkout #onepagecheckoutps .module_payment_container { overflow: hidden !important; }
/* (2) scalapay: hueco blanco bajo la opcion = caja de contenido vacia o widget sin inicializar */
#onepagecheckoutps .payment_content_html:empty { display: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
#onepagecheckoutps .payment_content_html:has(> scalapay-widget:not(:defined)) { display: none !important; }
#onepagecheckoutps scalapay-widget { display: block; }
/* (5) "Continuar comprando": icono y texto centrados entre si */
#onepagecheckoutps #btn_continue_shopping { display: inline-flex !important; align-items: center !important; gap: 7px; }
#onepagecheckoutps #btn_continue_shopping i { line-height: 1 !important; }
/* (6) checkboxes (otra direccion de facturacion, DNI/CIF, newsletter, crear cuenta):
   iban un pelin por encima del texto */
#onepagecheckoutps label > input[type=checkbox] { vertical-align: middle !important; margin: 0 8px 0 0 !important; position: relative; top: -1px; }
/* (7) estimateddelivery SOLO en el carrito: fuera del checkout final */
body#checkout #estimateddelivery,
body#checkout .estimateddelivery,
#onepagecheckoutps #estimateddelivery,
#onepagecheckoutps .estimateddelivery,
#onepagecheckoutps #ed_shopping_footer,
#onepagecheckoutps .ed_orderbefore { display: none !important; }

/* estimateddelivery: fuera el padding del bloque del pie del carrito (2026-07-22) */
#ed_shopping_footer { padding: 0 !important; }

/* ===== MI CUENTA retoques (2026-07-17, peticiones Sergio) ===== */
/* "Tus datos": la nota de la newsletter (em suelto tras el label) flotaba en medio del
   formulario; ahora va en bloque bajo su checkbox, como texto de ayuda */
body#identity .form-group > label + em,
#field_customer_newsletter > em {
  display: block !important; margin: 4px 0 0 28px !important;
  font-size: 12px !important; color: #8a8a8a !important; font-style: italic; line-height: 1.45;
}
/* checkboxes de "Tus datos" alineados con su texto (como en el checkout) */
body#identity .form-group label > input[type=checkbox] { vertical-align: middle !important; margin: 0 8px 0 0 !important; position: relative; top: -1px; }
/* "Direcciones": entrega y facturación en DOS columnas en ordenador (en movil, apiladas) */
@media (min-width: 992px) {
  body#addresses #panel_addresses_customer.card-group { display: flex !important; flex-wrap: wrap !important; gap: 16px; align-items: flex-start !important; }
  body#addresses #panel_addresses_customer > .card { flex: 1 1 calc(50% - 8px) !important; min-width: 0; margin: 0 !important; border-radius: 12px !important; }
  body#addresses #panel_addresses_customer > .card.hidden { display: none !important; }
}

/* ===== CHECKOUT v5 (2026-07-17): pago full-bleed, tarjetas de direccion, cupones ===== */
/* el verde no llegaba al borde: el OPC mete padding 3.2px en el contenedor del metodo */
body#checkout #onepagecheckoutps .module_payment_container { padding: 0 !important; }
#onepagecheckoutps .module_payment_container .payment_content_html { padding: 14px 18px !important; }

/* tarjetas de direccion coherentes con el resto del checkout */
#onepagecheckoutps .address_card .container_card { border: 1px solid #e6e6e6 !important; border-radius: 12px !important; background: #fff !important; padding: 0 !important; overflow: hidden; box-shadow: none !important; }
#onepagecheckoutps .address_card .container_card.selected { border: 2px solid var(--rd-green,#509E2F) !important; background: #f6fbf3 !important; }
#onepagecheckoutps .address_card .header_card { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 0 !important; font-size: 11.5px; text-transform: uppercase; letter-spacing: .6px; color: #8a8a8a !important; font-weight: 700; background: transparent !important; border: 0 !important; }
#onepagecheckoutps .address_card .container_card.selected .header_card { color: var(--rd-green,#509E2F) !important; }
#onepagecheckoutps .address_card .header_card i { font-size: 20px; }
#onepagecheckoutps .address_card .content_card { padding: 6px 14px 10px !important; }
#onepagecheckoutps .address_card .content_card ul { margin: 0 !important; }
#onepagecheckoutps .address_card .content_card li { font-size: 14px !important; line-height: 1.55 !important; color: #333 !important; }
#onepagecheckoutps .address_card .container_card.selected .content_card li { color: #24381e !important; }
#onepagecheckoutps .address_card { height: auto !important; }
#onepagecheckoutps .address_card .container_card { display: flex !important; flex-direction: column; height: auto !important; min-height: 0 !important; position: relative; }
#onepagecheckoutps .address_card .content_card { flex: 1 1 auto; height: auto !important; overflow: visible !important; }
#onepagecheckoutps .address_card .footer_card { position: static !important; display: flex !important; gap: 8px; padding: 10px 14px 14px !important; flex-wrap: wrap; height: auto !important; }
#onepagecheckoutps .address_card .footer_card .btn { flex: 1 1 calc(50% - 4px); margin: 0 !important; float: none !important; position: static !important; width: auto !important; font-size: 12.5px !important; font-weight: 700 !important; padding: 9px 10px !important; border-radius: 8px !important; text-transform: uppercase; letter-spacing: .3px; line-height: 1.1 !important; white-space: nowrap; }
#onepagecheckoutps .address_card .footer_card .edit_address,
#onepagecheckoutps .address_card .footer_card .delete_address { background: #fff !important; border: 1px solid #d7d7d7 !important; color: #555 !important; }
#onepagecheckoutps .address_card .footer_card .edit_address:hover,
#onepagecheckoutps .address_card .footer_card .delete_address:hover { border-color: #999 !important; color: #222 !important; }
#onepagecheckoutps .address_card .footer_card .choose_address { background: var(--rd-green,#509E2F) !important; border: 1px solid var(--rd-green,#509E2F) !important; color: #fff !important; flex: 1 1 100%; }
/* el boton "Seleccionada" sobra: el marco verde y el icono de la cabecera ya lo indican */
#onepagecheckoutps .address_card .footer_card .selected_address { display: none !important; }
/* con tarjeta seleccionada solo queda "Editar": que ocupe todo el ancho */
#onepagecheckoutps .address_card .container_card.selected .footer_card .edit_address { flex: 1 1 100%; }

/* cupones: filas claras con codigo + nombre + boton canjear */
#onepagecheckoutps #display_cart_vouchers p { font-style: normal !important; font-weight: 700; font-size: 13px; color: #555 !important; text-align: left !important; margin: 0 0 8px !important; }
#onepagecheckoutps #display_cart_vouchers ul.js-discount { display: flex; flex-direction: column; gap: 8px; margin: 0 !important; }
#onepagecheckoutps #display_cart_vouchers li.cart-summary-line { display: flex !important; align-items: center; gap: 10px; background: #fafafa; border: 1px dashed #cfcfcf; border-radius: 10px; padding: 8px 12px !important; margin: 0 !important; text-align: left !important; }
#onepagecheckoutps #display_cart_vouchers li.cart-summary-line i.fa-pts-caret-right { display: none !important; }
#onepagecheckoutps #display_cart_vouchers .code { background: #222 !important; color: #fff !important; border-radius: 6px; padding: 3px 9px; font-weight: 700; font-size: 12px; letter-spacing: .5px; flex: 0 0 auto; }
#onepagecheckoutps #display_cart_vouchers .rd-voucher-name { flex: 1 1 auto; font-size: 13px; color: #444; min-width: 0; }
#onepagecheckoutps .rd-voucher-apply { flex: 0 0 auto; background: var(--rd-green,#509E2F); border: none; color: #fff; border-radius: 8px; padding: 8px 12px; font-size: 12px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; letter-spacing: .3px; }
#onepagecheckoutps .rd-voucher-apply:active { transform: scale(.97); }
#onepagecheckoutps .rd-voucher-apply svg { width: 14px; height: 14px; display: block; }
@media (max-width: 640px) {
  #onepagecheckoutps .rd-voucher-apply .rd-va-label { display: none; }
  #onepagecheckoutps .rd-voucher-apply { padding: 9px; }
}

/* ===== MI CUENTA v2 (2026-07-17): panel con parrilla + sidebar solo en secciones ===== */
.page-my-account #content .links.rd-account-tiles { display: flex; flex-wrap: wrap; margin: 18px -8px 0; }
.page-my-account #content .links.rd-account-tiles > a { float: none !important; padding: 8px !important; margin: 0 !important; }
.page-my-account #content .links.rd-account-tiles .link-item { border: 1px solid #ececec !important; border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.05) !important; padding: 26px 14px !important; font-size: 13px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; transition: border-color .15s, box-shadow .15s; }
.page-my-account #content .links.rd-account-tiles a:hover .link-item { border-color: var(--rd-green,#509E2F) !important; box-shadow: 0 4px 14px rgba(0,0,0,.08) !important; }
.page-my-account #content .links.rd-account-tiles i { padding: 0 !important; font-size: inherit !important; width: auto !important; display: block; }
.page-my-account #content .links.rd-account-tiles i svg { width: 28px; height: 28px; display: block; }
.rd-account-intro { max-width: 720px; }
.rd-account-logout { text-align: center; margin: 26px 0 8px; }
.rd-account-logout .logout { color: #999; font-size: 13px; text-decoration: underline; }
@media (max-width: 575px) {
  .page-my-account #content .links.rd-account-tiles > a { width: 50%; }
}
/* sidebar de secciones en movil: barra COMPACTA arriba con chips deslizables
   (refuerzo con #onepagecheckoutps para ganar tambien en las paginas del OPC) */
@media (max-width: 991px) {
  .myacc_left, #onepagecheckoutps .myacc_left { margin: 0 0 12px !important; padding: 0 !important; }
  .myacc_left .myacc_name, #onepagecheckoutps .myacc_left .myacc_name { display: block !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 700 !important; margin: 0 0 8px !important; }
  .myacc_left .links, #onepagecheckoutps .myacc_left .links { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 8px; margin: 0 !important; padding: 2px 2px 8px !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .myacc_left .links::-webkit-scrollbar { display: none; }
  .myacc_left .links a, #onepagecheckoutps .myacc_left .links a { flex: 0 0 auto; width: auto !important; white-space: nowrap; display: inline-flex !important; align-items: center; gap: 6px; border: 1px solid #e2e2e2 !important; border-radius: 999px !important; padding: 8px 14px !important; font-size: 12.5px !important; font-weight: 600 !important; background: #fff; margin: 0 !important; }
  .myacc_left .links a i, #onepagecheckoutps .myacc_left .links a i { display: none !important; }
  .myacc_left .links a.logout { border-color: #f1c7c7 !important; color: #b04a4a !important; }
  .myacc_left .myacc-select { display: none !important; }
  /* sin caja alrededor: es un NAVBAR, no una tarjeta (el borde+sombra los pinta .links) */
  .myacc_left, .myacc_left .row, #onepagecheckoutps .myacc_left,
  .myacc_left .links, #onepagecheckoutps .myacc_left .links { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
  /* pista visual de que se puede deslizar: degradado en el borde derecho + empujoncito al cargar */
  .myacc_left { position: relative; }
  .myacc_left::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 34px; background: linear-gradient(to left, #fff 15%, rgba(255,255,255,0)); pointer-events: none; }
  .myacc_left .links { animation: rdChipsNudge 1.3s ease-out .35s 1 both; }
}
@keyframes rdChipsNudge {
  0% { transform: translateX(0); }
  35% { transform: translateX(-30px); }
  70% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
/* tarjetas de pedido en movil (historial): claras y con botones etiquetados */
.rd-order-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 14px !important; margin: 0 0 12px !important; }
.rd-order-card .rd-oc-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.rd-order-card .rd-oc-ref { font-weight: 700; font-size: 15.5px; color: #1a1a1a; letter-spacing: .3px; }
.rd-order-card .label-pill { font-size: 11.5px; padding: 5px 10px; border-radius: 999px; white-space: normal; text-align: left; }
.rd-order-card .rd-oc-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 2px 0 10px; }
.rd-order-card .rd-oc-meta .date { color: #888; font-size: 12.5px; }
.rd-order-card .rd-oc-meta .total { font-weight: 700; font-size: 16px; color: #1a1a1a; }
.rd-order-card .rd-oc-actions { display: flex; gap: 8px; }
.rd-order-card .rd-oc-btn { flex: 1 1 50%; text-align: center; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; padding: 10px 8px; border-radius: 8px; border: 1px solid #d7d7d7; color: #555; background: #fff; }
.rd-order-card .rd-oc-btn.rd-oc-primary { background: var(--rd-green,#509E2F); border-color: var(--rd-green,#509E2F); color: #fff; }

/* secciones de cuenta en movil: tablas anchas deslizables y formularios a ancho completo */
@media (max-width: 767px) {
  body#history #content table, body#order-slip #content table, body#discount #content table,
  body#order-detail #content table, body#order-follow #content table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .page-my-account #content .links.rd-account-tiles > a { width: 50%; }
  body#identity .form-control, body#addresses .form-control,
  body#identity #onepagecheckoutps input[type=text], body#addresses #onepagecheckoutps input[type=text],
  body#identity #onepagecheckoutps input[type=email], body#addresses #onepagecheckoutps select { font-size: 16px !important; } /* evita el zoom de iOS al enfocar */
  /* facturas de abono en movil (bloque .credit-slips del tema): tarjetas legibles */
  body#order-slip .credit-slips .credit-slip { border: 1px solid #e6e6e6; border-radius: 12px; padding: 12px 14px; margin: 0 0 12px; background: #fff; }
  body#order-slip .credit-slips .credit-slip ul { margin: 0; padding: 0; list-style: none; }
  body#order-slip .credit-slips .credit-slip li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; font-size: 13.5px; }
  body#order-slip .credit-slips .credit-slip li strong { color: #777; font-weight: 600; }
  body#order-slip .credit-slips .credit-slip li:last-child { justify-content: flex-start; }
  body#order-slip .credit-slips .credit-slip li:last-child a { font-size: 13px; font-weight: 700; color: var(--rd-green,#509E2F); text-decoration: underline; margin-top: 4px; }
  /* cupones en movil (bloque .cart-rules del tema): cada cupon como tarjeta separada */
  body#discount .cart-rules .cart-rule { border: 1px solid #e6e6e6; border-radius: 12px; padding: 12px 14px; margin: 0 0 12px; background: #fff; }
  body#discount .cart-rules .cart-rule ul { margin: 0; padding: 0; list-style: none; }
  body#discount .cart-rules .cart-rule li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; font-size: 13.5px; }
  body#discount .cart-rules .cart-rule li strong { color: #777; font-weight: 600; }
}

/* ===== CARRITO: bloque "Aprovecha nuestras ofertas exclusivas" alineado y en filas (2026-07-17) ===== */
.cart-voucher .block-promo.promo-highlighted,
body#cart .block-promo.promo-highlighted { text-align: left !important; font-weight: 700 !important; font-style: normal !important; font-size: 13px !important; color: #555 !important; margin: 10px 0 8px !important; padding: 0 !important; }
.cart-voucher ul.js-discount.promo-discounts,
body#cart ul.js-discount.promo-discounts { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px !important; padding: 0 !important; }
.cart-voucher ul.promo-discounts li.cart-summary-line,
body#cart ul.promo-discounts li.cart-summary-line { display: flex !important; align-items: center; gap: 10px; background: #fafafa; border: 1px dashed #cfcfcf; border-radius: 10px; padding: 8px 12px !important; margin: 0 !important; text-align: left !important; }
.cart-voucher ul.promo-discounts .label,
body#cart ul.promo-discounts .label { display: flex; align-items: center; gap: 10px; padding: 0 !important; font-size: 13px !important; color: #444 !important; text-align: left; white-space: normal; }
.cart-voucher ul.promo-discounts .code,
body#cart ul.promo-discounts .code { background: #222 !important; color: #fff !important; border-radius: 6px; padding: 3px 9px; font-weight: 700; font-size: 12px; letter-spacing: .5px; text-decoration: none !important; flex: 0 0 auto; }

/* ===== CHECKOUT TUNEL (2026-07-17, rev 2026-07-22): sin distracciones + pago expres + secciones plegadas ===== */
/* cabecera limpia: SOLO el logo (fuera banner, navbar promocional, fila de menu/buscador/perfil y cesta) */
body#checkout .header-banner,
body#checkout .header-nav .topnav,
body#checkout .header-top .row.box-h2,
body#checkout #_desktop_cart,
body#checkout .ApMegamenu,
body#checkout #leo_search_block_top,
body#checkout .userinfo-selector,
body#checkout #header a[href*="mywishlist"] { display: none !important; }
/* logo sin enlace (el JS quita el href): cursor neutro */
body#checkout #header .h-logo a { cursor: default; }
/* usuario logueado: fuera bloque "Bienvenido(a)" completo (incluye boton cerrar sesion) */
body#checkout #div_onepagecheckoutps_login { display: none !important; }
body#checkout #btn-logout { display: none !important; }
/* fuera el subtitulo "Completa los siguientes campos..." */
body#checkout #div_onepagecheckoutps_info > p { display: none !important; }
/* widgets flotantes (chat unificado y sello Trusted Shops) fuera del checkout */
body#checkout #uc-launcher,
body#checkout #uc-menu,
body#checkout #uc-toggle-btn,
body#checkout [id^="trustbadge-container"],
body#checkout div[id*="trustbadge"] { display: none !important; }

/* tira de pago expres bajo el titulo */
#rd-express { display: flex; align-items: stretch; flex-wrap: wrap; gap: 10px; margin: 10px 0 4px; }
#rd-express { align-items: flex-start; }
#rd-express .rd-exp-paypal { flex: 1 1 200px; max-width: 340px; border: 0; border-radius: 8px; cursor: pointer; font-weight: 700; font-size: 16px; height: 50px; min-height: 50px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 1px; line-height: 1; background: #ffc439; color: #003087; transition: transform .06s, filter .15s; }
#rd-express .rd-exp-paypal:hover { filter: brightness(.97); }
#rd-express .rd-exp-paypal:active { transform: scale(.97); }
#rd-express .rd-exp-paypal i { font-style: italic; font-weight: 800; color: #003087; }
#rd-express .rd-exp-paypal b { font-style: italic; font-weight: 800; color: #009cde; }
/* placeholder del wallet (invitado sin datos: la guardia lleva a completar datos) */
#rd-express .rd-exp-wallet-ph { flex: 1 1 200px; max-width: 340px; border: 0; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 16px; height: 50px; min-height: 50px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; line-height: 1; background: #000; color: #fff; }
#rd-express .rd-exp-wallet-ph b { font-weight: 800; }
@media (max-width: 640px) { #rd-express .rd-exp-wallet-ph { flex: 1 1 100%; max-width: none; } }

/* hueco del boton expres REAL de PrestaShop Checkout (PayPal) — RD 2026-07-29 */
#rd-exp-psck-slot { flex: 1 1 200px; max-width: 340px; min-height: 45px; overflow: visible; }
#rd-exp-psck-slot .paypal-buttons { width: 100% !important; display: block !important; }
@media (max-width: 640px) { #rd-exp-psck-slot { flex: 1 1 100%; max-width: none; } }

/* hueco donde el JS recoloca el boton REAL de Stripe (Google Pay / Apple Pay) */
#rd-exp-wallet-slot { flex: 1 1 200px; max-width: 340px; height: 50px; min-height: 50px; overflow: visible; }
#rd-exp-wallet-slot #payment-request-button { width: 100%; height: 50px; margin: 0 !important; padding: 0 !important; }
#rd-exp-wallet-slot #payment-request-button iframe { height: 50px !important; margin: 0 !important; display: block; }
#rd-exp-wallet-slot .stripe-payment-errors-prbutton { font-size: 12px; color: #b04a4a; }
#rd-express [hidden] { display: none !important; }
@media (max-width: 640px) { #rd-express .rd-exp-paypal, #rd-exp-wallet-slot { flex: 1 1 100%; max-width: none; } }
.rd-flash { animation: rdFlash 1.2s ease-out 1; }
@keyframes rdFlash { 0% { box-shadow: 0 0 0 4px rgba(80,158,47,.55); } 100% { box-shadow: 0 0 0 4px rgba(80,158,47,0); } }

/* "Tus datos" plegado para logueados: resumen en una linea */
body#checkout .rd-cust-collapsed #customer_container,
body#checkout .rd-cust-collapsed .fields_required,
body#checkout .rd-cust-collapsed #btn_save_customer { display: none !important; }
.rd-cust-summary { display: flex; align-items: center; gap: 10px; background: #f8f9f7; border: 1px solid #e6e6e6; border-radius: 10px; padding: 10px 14px; margin: 6px 0 10px; font-size: 14px; color: #333; }
.rd-cust-summary b { font-weight: 700; }
.rd-cust-summary .rd-mini-btn,
.rd-addr-summary .rd-mini-btn { margin-left: auto; flex: 0 0 auto; background: #fff; border: 1px solid #d7d7d7; color: #555; border-radius: 8px; padding: 6px 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
.rd-cust-summary .rd-mini-btn:hover, .rd-addr-summary .rd-mini-btn:hover { border-color: #999; color: #222; }

/* direcciones plegadas: solo la seleccionada como resumen */
.rd-addr-summary { display: flex; align-items: flex-start; gap: 10px; background: #f6fbf3; border: 1.5px solid var(--rd-green,#509E2F); border-radius: 10px; padding: 10px 14px; margin: 6px 0 10px; font-size: 13.5px; color: #24381e; line-height: 1.45; }
.rd-addr-summary .rd-addr-ico { flex: 0 0 auto; color: var(--rd-green,#509E2F); margin-top: 1px; }
.rd-addr-summary b { display: block; font-size: 14px; }
body#checkout .rd-addr-collapsed { display: none !important; }

/* desglose: la fila del CUPON APLICADO destacada y JUSTO ENCIMA del total
   (flex column + order; el resto de filas conservan su orden natural) */
#onepagecheckoutps .order_total_items { display: flex; flex-direction: column; }
#onepagecheckoutps .order_total_items > .row { order: 1; }
/* la fila resumen "Descuento(s):" se OCULTA (es redundante: la fila del cupon ya dice
   cual es y cuanto descuenta) */
#onepagecheckoutps .rd-disc-row { display: none !important; }
#onepagecheckoutps .order_total_items > .row.cart_discount { order: 3; background: #f6fbf3; border: 1px dashed var(--rd-green,#509E2F); border-radius: 8px; padding: 7px 12px !important; margin: 2px 0 10px !important; align-items: center !important; width: auto; height: auto !important; min-height: 0 !important; }
#onepagecheckoutps .order_total_items > .row:has(#total_shipping) { order: 4; }
#onepagecheckoutps .order_total_items .cart_discount_name { font-weight: 700 !important; color: #2f6b1d !important; font-size: 14px !important; }
/* nombre del cupon a la IZQUIERDA dentro de la caja destacada. Los selectores del bloque
   "totales a la derecha" (linea ~1266) llevan mas especificidad ([class*=col-] + flex-end):
   hay que superarlos explicitamente para esta fila */
#onepagecheckoutps .cart-detailed-totals .order_total_items > .row.cart_discount { justify-content: space-between !important; }
#onepagecheckoutps .cart-detailed-totals .order_total_items > .row.cart_discount > [class*=col-]:first-child { text-align: left !important; flex: 1 1 auto !important; }
/* en ESCRITORIO el cupon va como chip compacto alineado a la derecha con el resto de
   filas del desglose (a ancho completo quedaba descolgado y con margenes raros) */
@media (min-width: 768px) {
  #onepagecheckoutps .cart-detailed-totals .order_total_items > .row.cart_discount { width: fit-content; margin: 2px 0 6px auto !important; gap: 18px; align-items: center !important; height: auto !important; min-height: 0 !important; }
  #onepagecheckoutps .cart-detailed-totals .order_total_items > .row.cart_discount > [class*=col-] { height: auto !important; }
  #onepagecheckoutps .cart-detailed-totals .order_total_items > .row.cart_discount > [class*=col-]:first-child { flex: 0 0 auto !important; }
  #onepagecheckoutps .cart-detailed-totals .order_total_items > .row.cart_discount > .cart_discount_price { white-space: nowrap; }
}
#onepagecheckoutps .order_total_items .cart_discount .cart_discount_name { text-align: left !important; }
#onepagecheckoutps .order_total_items .cart_discount .price-discount { font-weight: 700; }
#onepagecheckoutps .order_total_items .cart_discount .cart_quantity_delete { font-size: 17px !important; color: #b04a4a !important; cursor: pointer; margin-right: 8px; }
#onepagecheckoutps .order_total_items .cart_discount .cart_quantity_delete:hover { color: #8f2f2f !important; }
#onepagecheckoutps .order_total_items > .row.total_price:not(.extra_fee) { order: 6; }
#onepagecheckoutps .order_total_items > .row.extra_fee { order: 7; }
.rd-tot-toggle { order: 5 !important; }
/* "Ver desglose" en escritorio (como estaba): filas comprimidas hasta abrirlo */
#onepagecheckoutps .order_total_items > .row.item_total.rd-tot-hide { display: none !important; }
#onepagecheckoutps .order_total_items.rd-tot-open > .row.item_total.rd-tot-hide:not(.rd-disc-row) { display: flex !important; }
.rd-tot-toggle { display: block; text-align: right; font-size: 12px; color: #777; text-decoration: underline; cursor: pointer; margin: 2px 0 4px; background: none; border: 0; width: 100%; }
.rd-tot-toggle:hover { color: #333; }
/* el plegado movil antiguo de productos queda retirado (lo sustituye la barra-resumen) */
#rd-prods-toggle { display: none !important; }

/* boton "Realizar cambio o devolucion" (CMS Cambios y devoluciones + pestana de la ficha):
   antes era una franja verde a sangre; ahora boton de la casa, centrado (2026-07-22) */
a.btn.btnAtCliente2, a.btnAtCliente2, .btnAtCliente2 { display: block !important; width: max-content !important; max-width: 100%; margin: 20px auto 8px !important; background: var(--rd-green,#509E2F) !important; color: #fff !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .4px; border: 0 !important; border-radius: 10px !important; padding: 14px 34px !important; text-align: center; text-decoration: none !important; transition: filter .15s, transform .06s; font-size: 15px !important; }
a.btn.btnAtCliente2:hover, a.btnAtCliente2:hover { filter: brightness(.94); color: #fff !important; background: var(--rd-green,#509E2F) !important; }
a.btn.btnAtCliente2:focus, a.btnAtCliente2:focus { background: var(--rd-green,#509E2F) !important; color: #fff !important; }
a.btn.btnAtCliente2:active { transform: scale(.98); }

/* contenedor de notificaciones VACIO: fuera el hueco fantasma bajo el navbar
   (cuando hay avisos reales -tiene hijos- se muestra normal) */
.notifications-container:not(:has(*)) { display: none; }

/* ===== CHECKOUT TUNEL v5 (2026-07-22): cupones sin caja punteada, sidebar OPC, espejo con cupon ===== */
/* el OPC pinta #list-voucher-allowed con borde punteado, float y padding raros: fuera */
#onepagecheckoutps #onepagecheckoutps_step_review #list-voucher-allowed { border: 0 !important; float: none !important; padding: 0 !important; margin: 10px 0 0 !important; width: 100% !important; }

/* sidebar de cuenta dentro del OPC: replicar los estilos del tema SOLO EN ESCRITORIO
   (sin el media query pisaban los chips moviles y el sidebar salia como un navbar) */
@media (min-width: 992px) {
  #onepagecheckoutps .myacc_left .myacc_name { font-weight: 500 !important; font-size: 36px !important; line-height: 36px !important; display: inline-block; color: #222 !important; text-transform: capitalize; }
  #onepagecheckoutps .myacc_left .links { margin-top: 60px; display: flex; flex-direction: column; }
  #onepagecheckoutps .myacc_left .links a { display: flex; align-items: center; font-size: 18px !important; font-weight: 500 !important; margin-bottom: 20px; padding: 0; width: 100%; float: none; }
  #onepagecheckoutps .myacc_left .links a i { display: inline-block; margin-right: 18px; width: 24px; height: 24px; }
  #onepagecheckoutps .myacc_left .links a i.material-icons { font-size: 24px !important; }
}
/* items del sidebar SIEMPRE con el mismo cuerpo de letra (los enlaces de modulos anidan
   spans con tamaños propios); los iconos material conservan su tamaño de glifo */
.myacc_left .links a { font-size: 18px !important; font-weight: 500 !important; margin-bottom: 20px !important; }
.myacc_left .links a span, .myacc_left .links a font, .myacc_left .links a div { font-size: inherit !important; font-weight: inherit !important; }
.myacc_left .links a i.material-icons { font-size: 24px !important; }
@media (max-width: 991px) {
  .myacc_left .links a, #onepagecheckoutps .myacc_left .links a { font-size: 12.5px !important; margin-bottom: 0 !important; }
}

/* espejo movil: bloque de cupon compacto (sin toggle; input + boton en una fila) */
#rd-sum-body .rd-sum-promo { display: block !important; padding: 0 !important; }
#rd-sum-body .rd-sum-promo > div { width: 100% !important; max-width: none !important; padding: 0 !important; }
#rd-sum-body .rd-sum-promo .input-group { display: flex !important; margin: 8px 0 6px !important; }
#rd-sum-body .rd-sum-promo .rd-sum-promo-input { flex: 1 1 auto; min-width: 0; }
#rd-sum-body .rd-sum-promo .input-group-btn { flex: 0 0 auto; }
#rd-sum-body .rd-sum-promo ul.js-discount { display: block !important; margin: 0 !important; }
#rd-sum-body .rd-sum-promo li.cart-summary-line { margin: 0 0 6px !important; }
#rd-sum-body .rd-sum-promo p { font-size: 12.5px; color: #777; margin: 0 0 4px; text-align: left !important; }
#rd-sum-body .rd-sum-promo .rd-sum-promo-input { width: auto !important; }
#rd-sum-body .rd-sum-promo .input-group-btn { flex: 0 0 auto; width: auto !important; display: block; }
#rd-sum-body .rd-sum-promo .rd-sum-promo-btn { border-radius: 0 8px 8px 0; white-space: nowrap; }
#rd-sum-body .rd-sum-promo li.cart-summary-line { display: flex !important; align-items: center; justify-content: flex-start !important; gap: 8px; text-align: left !important; background: #fafafa; border: 1px dashed #cfcfcf; border-radius: 10px; padding: 8px 10px !important; margin: 0 0 6px !important; }
#rd-sum-body .rd-sum-promo li.cart-summary-line i.fa-pts-caret-right { display: none; }
#rd-sum-body .rd-sum-promo li.cart-summary-line .code { background: #222; color: #fff; border-radius: 6px; padding: 3px 9px; font-weight: 700; font-size: 12px; flex: 0 0 auto; text-decoration: none; }
#rd-sum-body .rd-sum-promo li.cart-summary-line .rd-voucher-name { flex: 1 1 auto; min-width: 0; font-size: 13px; color: #444; }
#rd-sum-body .rd-sum-promo li.cart-summary-line .rd-voucher-apply { flex: 0 0 auto; }

/* ===== CHECKOUT TUNEL v4 (2026-07-22): movil ancho, espejo limpio, enlaces discretos ===== */
/* fuera los botones sociales (Facebook/Google) del login del checkout */
body#checkout #opc_social_networks { display: none !important; }

/* modo "cargando": Realizar pedido y tira expres deshabilitados con mini spinner */
#btn_place_order.rd-busy, #rd-express.rd-busy { pointer-events: none !important; opacity: .55; position: relative; }
#btn_place_order.rd-busy::after { content: ''; display: inline-block; width: 14px; height: 14px; margin-left: 10px; vertical-align: -2px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: rdSpin .7s linear infinite; }
@keyframes rdSpin { to { transform: rotate(360deg); } }

/* aviso bajo la tira de pago expres (PayPal/placeholder sin datos) */
.rd-exp-note { flex: 0 0 100%; font-size: 12.5px; color: #8a6d1f; background: #fff7df; border: 1px solid #eadfae; border-radius: 8px; padding: 8px 12px; }

/* "Continuar comprando" como texto discreto bajo el parrafo legal */
#onepagecheckoutps #btn_continue_shopping.rd-cont-link,
#btn_continue_shopping.rd-cont-link { display: block !important; float: none !important; width: max-content !important; margin: 8px auto 0 !important; background: none !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important; color: #888 !important; font-size: 12.5px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-decoration: underline; text-transform: none !important; padding: 4px 8px !important; line-height: 1.4 !important; }
#btn_continue_shopping.rd-cont-link:hover { color: #333 !important; }
#btn_continue_shopping.rd-cont-link i { display: none; }

/* boton discreto "Añadir productos" en la barra de envio gratis (movil Y escritorio) */
#remaining_amount_free_shipping .rd-add-more { display: inline-block; margin: 8px auto 0; font-size: 12.5px; color: #555; background: #fff; border: 1px solid #d7d7d7; border-radius: 8px; padding: 7px 14px; text-decoration: none; }
#remaining_amount_free_shipping .rd-add-more:hover { border-color: #999; color: #222; }
#remaining_amount_free_shipping { text-align: center; }
@media (max-width: 767px) {
  #remaining_amount_free_shipping.rd-bar-moved { width: 100%; margin: 0 0 14px !important; text-align: center; }
  /* checkout a lo ancho: borde minimo en movil */
  body#checkout #wrapper { padding-left: 0 !important; padding-right: 0 !important; }
  body#checkout #wrapper .container,
  body#checkout #columns { padding-left: 10px !important; padding-right: 10px !important; max-width: 100% !important; }
  body#checkout #onepagecheckoutps [class*=col-] { padding-left: 6px; padding-right: 6px; }
  body#checkout #onepagecheckoutps_contenedor { padding-left: 0 !important; padding-right: 0 !important; }
}

/* espejo del resumen: linea de producto compacta y ordenada (imagen | nombre | precios) */
#rd-sum-body .cart_item, #rd-sum2 .cart_item { display: grid !important; grid-template-columns: 56px 1fr auto; gap: 2px 10px; align-items: center; margin: 0 !important; padding: 10px 0 !important; border-bottom: 1px solid #f0f0f0; }
#rd-sum-body .cart_item > *, #rd-sum2 .cart_item > * { padding: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important; flex: none !important; float: none !important; }
#rd-sum-body .cart_item > .image_product, #rd-sum2 .cart_item > .image_product { grid-column: 1; grid-row: 1 / span 2; width: 56px !important; }
#rd-sum-body .cart_item > .image_product img, #rd-sum2 .cart_item > .image_product img { width: 56px; height: auto; border-radius: 8px; }
#rd-sum-body .cart_item > .cart_description, #rd-sum2 .cart_item > .cart_description { grid-column: 2; grid-row: 1; font-size: 13px; line-height: 1.35; }
#rd-sum-body .cart_item > .cart_description .s_title_block, #rd-sum2 .cart_item > .cart_description .s_title_block { margin: 0; font-size: 13.5px; }
#rd-sum-body .cart_item > .row.clear, #rd-sum2 .cart_item > .row.clear, #rd-sum-body .cart_item > .hidden-sm-up, #rd-sum2 .cart_item > .hidden-sm-up { display: none !important; }
#rd-sum-body .cart_item > div:has(> label), #rd-sum2 .cart_item > div:has(> label) { display: none !important; }
#rd-sum-body .cart_item > div:has(.bootstrap-touchspin), #rd-sum2 .cart_item > div:has(.bootstrap-touchspin) { grid-column: 2; grid-row: 2; }
#rd-sum-body .cart_item > div:has(.special-price), #rd-sum2 .cart_item > div:has(.special-price) { grid-column: 3; grid-row: 1; text-align: right !important; font-size: 13px; }
#rd-sum-body .cart_item > div:has(> .product-price), #rd-sum2 .cart_item > div:has(> .product-price) { grid-column: 3; grid-row: 2; text-align: right !important; font-weight: 700; }
#rd-sum-body .cart_item .bootstrap-touchspin, #rd-sum2 .cart_item .bootstrap-touchspin { max-width: 150px; }
#rd-sum-body #header-order-detail-content { display: none !important; }
#rd-sum-body .order_total_items { border-top: 0 !important; margin-top: 6px; }

/* resumen compacto ARRIBA (espejo) — SOLO MOVIL; en escritorio el resumen sigue abajo */
#rd-sum-wrap { display: none; }
@media (max-width: 767px) {
  #rd-sum-wrap { display: block; margin: 0 0 14px; border: 1px solid #e6e6e6; border-radius: 12px; background: #fff; overflow: hidden; }
  #rd-sum-bar { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; background: #f8f9f7; border: 0; cursor: pointer; font-size: 14.5px; color: #333; font-weight: 600; text-align: left; }
  #rd-sum-bar b { font-size: 17px; color: #1a1a1a; flex: 0 0 auto; }
  #rd-sum-bar .rd-caret { transition: transform .15s; color: #999; }
  #rd-sum-wrap.rd-open #rd-sum-bar .rd-caret { transform: rotate(180deg); }
  #rd-sum-body { display: none; padding: 8px 16px 12px; }
  #rd-sum-wrap.rd-open #rd-sum-body { display: block; }
  #rd-sum-body .cart-line-product-quantity { pointer-events: none; }
  /* en movil el listado real vive dentro del plegable #rd-sum2 (encima del boton):
     plegado = solo barra con total; abierto = productos + desglose completos */
  body#checkout #onepagecheckoutps_step_review #header-order-detail-content,
  body#checkout .onepagecheckoutps_p_step_four { display: none !important; }
  #rd-sum2 { border: 1px solid #e6e6e6; border-radius: 12px; background: #fff; overflow: hidden; margin: 0 0 12px; }
  #rd-sum2-bar { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; background: #f8f9f7; border: 0; cursor: pointer; font-size: 14.5px; color: #333; font-weight: 600; text-align: left; }
  #rd-sum2-bar b { font-size: 17px; color: #1a1a1a; flex: 0 0 auto; }
  #rd-sum2-bar .rd-caret { transition: transform .15s; color: #999; }
  #rd-sum2.rd-open #rd-sum2-bar .rd-caret { transform: rotate(180deg); }
  #rd-sum2:not(.rd-open) #order-detail-content { display: none !important; }
  #rd-sum2.rd-open #order-detail-content { display: block; padding: 8px 14px 12px; }
  /* dentro del plegable abierto: desglose completo, sin "Ver desglose" */
  #rd-sum2 .order_total_items > .row.item_total.rd-tot-hide:not(.rd-disc-row) { display: flex !important; }
  #rd-sum2 .rd-tot-toggle { display: none !important; }
  /* el bloque de cupon de abajo se oculta en movil (ya esta en el resumen de arriba) */
  body#checkout #onepagecheckoutps_step_review #rd-promo-box { display: none !important; }
  /* ancho util maximo en movil, con un margen lateral pequeño para que nada roce
     el borde en pantallas reales (peticion Sergio tras pasar a PROD) */
  body#checkout #content-wrapper,
  body#checkout #main,
  body#checkout #inner-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
  body#checkout #onepagecheckoutps { padding-left: 6px; padding-right: 6px; box-sizing: border-box; }
  /* los .row del OPC llevan margenes negativos de -15px que se comian el padding y
     cortaban el contenido en moviles reales: se normalizan a -6px (= padding de las
     cols) para que el margen visible sea SIEMPRE el del contenedor */
  body#checkout #onepagecheckoutps .row { margin-left: -6px !important; margin-right: -6px !important; }
}
/* cupones sugeridos: cuadricula de 2 en 2 en escritorio */
@media (min-width: 768px) {
  #onepagecheckoutps #display_cart_vouchers ul.js-discount { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  #onepagecheckoutps #display_cart_vouchers ul.js-discount li.cart-summary-line { margin: 0 !important; }
}

/* plegable del cupon: cabecera con contador "N disponibles" */
#rd-promo-box { margin: 6px 0 10px; }
#rd-promo-toggle, #rd-msg-toggle { display: flex; align-items: center; gap: 6px; width: 100%; background: #f8f9f7; border: 1px solid #e6e6e6; border-radius: 10px; padding: 10px 14px; font-size: 13.5px; font-weight: 600; color: #444; cursor: pointer; text-align: left; }
#rd-promo-toggle b { color: var(--rd-green,#509E2F); font-weight: 700; }
#rd-promo-toggle .rd-caret, #rd-msg-toggle .rd-caret { margin-left: auto; transition: transform .15s; color: #999; }
#rd-promo-box.rd-open #rd-promo-toggle .rd-caret, #rd-msg-toggle.rd-open .rd-caret { transform: rotate(180deg); }
#rd-promo-body { display: none; padding-top: 10px; }
#rd-promo-box.rd-open #rd-promo-body { display: block; }
#rd-promo-body > div { max-width: none !important; width: 100% !important; flex: 0 0 100% !important; float: none !important; }
/* plegable del comentario del pedido */
#rd-msg-toggle { margin: 6px 0 10px; }
#div_leave_message.rd-msg-hidden { display: none !important; }
#div_leave_message p { margin-bottom: 6px; }

/* newsletter recolocada bajo el boton de realizar pedido */
body#checkout #field_customer_newsletter { display: none !important; }
#buttons_footer_review { flex-wrap: wrap; }
.rd-news-row { display: flex; flex: 0 0 100%; width: 100%; clear: both; float: none; align-items: center; gap: 8px; justify-content: center; margin: 10px 0 0; font-size: 13px; color: #555; }
.rd-news-row input[type=checkbox] { vertical-align: middle; margin: 0; position: relative; top: -1px; }

/* ===== MI CUENTA v3 (2026-07-17): iconos uniformes, modal cerrar sesion, sidebar OPC ===== */
/* tiles: normalizar TODOS los iconos (svg, material-icons, imagenes de modulos) */
.page-my-account #content .links.rd-account-tiles .link-item i,
.page-my-account #content .links.rd-account-tiles .link-item .material-icons {
  font-size: 28px !important; line-height: 1 !important; width: auto !important; height: auto !important; padding: 0 !important;
}
.page-my-account #content .links.rd-account-tiles .link-item svg { width: 28px !important; height: 28px !important; }
.page-my-account #content .links.rd-account-tiles .link-item img { width: 28px !important; height: 28px !important; object-fit: contain; }

/* modal de confirmacion de cierre de sesion (Cancelar destacado) */
#rd-logout-modal { position: fixed; inset: 0; z-index: 99999; display: none; }
#rd-logout-modal.rd-open { display: block; }
#rd-logout-modal .rd-lm-ov { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
#rd-logout-modal .rd-lm-box { position: relative; max-width: 380px; margin: 18vh auto 0; background: #fff; border-radius: 14px; padding: 26px 24px 20px; box-shadow: 0 12px 40px rgba(0,0,0,.25); text-align: center; }
#rd-logout-modal h4 { font-size: 17px; font-weight: 700; color: #1a1a1a; margin: 0 0 6px; }
#rd-logout-modal p { font-size: 13.5px; color: #666; margin: 0 0 18px; }
#rd-logout-modal .rd-lm-btns { display: flex; gap: 10px; }
#rd-logout-modal .rd-lm-btns button { flex: 1 1 50%; border-radius: 10px; padding: 12px 10px; font-weight: 700; font-size: 14px; cursor: pointer; }
#rd-logout-modal .rd-lm-cancel { background: var(--rd-green,#509E2F); border: 1px solid var(--rd-green,#509E2F); color: #fff; }
#rd-logout-modal .rd-lm-ok { background: #fff; border: 1px solid #d7d7d7; color: #777; }
#rd-logout-modal .rd-lm-ok:hover { border-color: #b04a4a; color: #b04a4a; }

/* ===== RD 2026-07-22 (fix #65): guardar OTRA direccion de facturacion/envio ===== */
/* El "checkout v3" ocultaba por clases genericas los botones de guardar/cancelar
   direccion del OPC — imprescindibles para clientes LOGUEADOS al añadir o editar
   una direccion distinta (facturacion o envio). Se re-muestran SOLO esos, movil y
   ordenador, con el estilo de boton del checkout. */
#onepagecheckoutps #btn_update_address_invoice,
#onepagecheckoutps #btn_update_address_delivery {
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:10px !important; padding:11px 20px !important; font-weight:600 !important;
}
#onepagecheckoutps #btn_cancel_address_invoice,
#onepagecheckoutps #btn_cancel_address_delivery {
  display:block !important;
  background:#fff !important; border:1px solid #d7d7d7 !important; color:#555 !important;
  border-radius:10px !important; padding:10px 18px !important; font-weight:600 !important;
}
#onepagecheckoutps #action_address_invoice,
#onepagecheckoutps #action_address_delivery { row-gap:10px !important; }

/* RD 2026-07-22: la opcion Google/Apple Pay no aparece en el listado lateral de pagos
   (el wallet vive solo en la tira "Pago expres" superior) */
#onepagecheckoutps .module_payment_container:has(input[name="payment-option"][data-module-name="stripePRButton"]) { display: none !important; }

/* ===== agente 2026-07-29: cosmética ps_checkout en el checkout (OPC) ===== */
/* (B) Botón de la sección tarjeta de ps_checkout: el módulo clona un <button> "sin estilo"
   (salía negro por la regla leo ".btn,.btn-primary{background:#292929}"). Lo vestimos como el
   REALIZAR PEDIDO del tema: verde OPC_THEME_CONFIRM_COLOR (#509e2f) + tipografía del CTA
   (custom.css L1032). Ancho 100% del hueco, como los smart buttons de PayPal. */
#rd-psck-binarias .ps_checkout-button button,
#rd-psck-binarias .ps_checkout-button .btn-primary {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important;
  background: var(--rd-green,#509E2F) !important; border: 0 !important; color: #fff !important;
  font-size: 16px !important; font-weight: 700 !important; line-height: 20px !important;
  padding: 15px 26px !important; border-radius: 10px !important;
  letter-spacing: .2px; text-transform: uppercase !important;
  cursor: pointer; box-shadow: 0 4px 16px rgba(80,158,47,.32);
}
#rd-psck-binarias .ps_checkout-button button:hover,
#rd-psck-binarias .ps_checkout-button .btn-primary:hover { opacity: .85; }
#rd-psck-binarias section.js-payment-binary { margin: 0 0 8px !important; }
#rd-psck-binarias .ps_checkout-button { width: 100% !important; }

/* (D, r2) Opciones ps_checkout del LISTADO de pagos: el bloque (F) del footer.tpl mueve los
   logos/marcas (que el SDK inyecta dentro del título o como bloque debajo) a un span
   .rd-psck-marks PRIMER hijo de .payment_content. Aquí: fila en flex => [logos ≤26px] [texto],
   una línea, alto homogéneo con el resto de opciones. */
#payment_method_container .payment-option.rd-psck-row .payment_content {
  display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 2px 10px !important;
}
#payment_method_container .payment-option.rd-psck-row .payment_content .rd-psck-marks {
  order: -1; display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; line-height: 1;
}
#payment_method_container .payment-option.rd-psck-row .payment_content > p {
  flex: 1 1 100%; margin: 0; order: 5;
}
#payment_method_container .payment-option.rd-psck-row .payment_content img {
  max-height: 26px !important; height: auto !important; width: auto !important; max-width: 120px !important;
  display: inline-block !important; vertical-align: middle !important; margin: 0 !important;
}
/* (4, r2) la marca de Pay Later salía como recuadro BLANCO con texto ilegible sobre la fila
   seleccionada (verde): se integra en la fila (fondo fuera, color heredado => blanco sobre
   verde al seleccionar, oscuro sobre blanco sin seleccionar) */
#payment_method_container .payment-option.rd-psck-row .payment_content .rd-psck-marks,
#payment_method_container .payment-option.rd-psck-row .payment_content .rd-psck-marks * {
  background: transparent !important; border: 0 !important; box-shadow: none !important; color: inherit !important;
}
#payment_method_container .payment-option.rd-psck-row .payment_content .rd-psck-marks iframe {
  max-height: 28px !important; max-width: 170px !important;
}
/* respaldo de TAMAÑO para el instante entre el repintado AJAX y el primer tick del JS
   (variante :has en bloque separado a propósito: sin :has invalidaría todo el selector-list) */
#payment_method_container .payment-option:has(input[data-module-name^="ps_checkout"]) .payment_content img {
  max-height: 26px !important; height: auto !important; width: auto !important; max-width: 120px !important;
  display: inline-block !important; vertical-align: middle !important;
}

/* (2, r2) Tira "Pago exprés": los 3 botones IGUALES (45px de alto, mismo ancho flexible).
   Sobrescribe #rd-exp-psck-slot/#rd-exp-wallet-slot de arriba (L1792/L1797) y el
   <style id="rd-psck-wallet-css"> que inyecta theme.js para #rd-exp-psck-gpay
   (custom.css carga después y en empate de especificidad gana esta hoja; !important
   solo donde Stripe/PayPal ponen estilos inline en sus nodos). */
#rd-exp-psck-slot, #rd-exp-psck-gpay, #rd-exp-wallet-slot {
  flex: 1 1 200px; max-width: 340px; height: 45px; min-height: 45px;
  overflow: hidden; border-radius: 8px;
}
#rd-exp-psck-slot .paypal-buttons { width: 100% !important; height: 45px !important; display: block !important; }
#rd-exp-psck-slot iframe { height: 45px !important; display: block; }
#rd-exp-psck-gpay button, #rd-exp-psck-gpay > div { width: 100% !important; height: 45px !important; min-height: 45px !important; }
#rd-exp-psck-gpay iframe { height: 45px !important; display: block; }
#rd-exp-wallet-slot #payment-request-button { width: 100%; height: 45px !important; margin: 0 !important; padding: 0 !important; }
#rd-exp-wallet-slot #payment-request-button iframe { height: 45px !important; margin: 0 !important; display: block; }
#rd-express .rd-exp-wallet-ph { height: 45px; min-height: 45px; }
@media (max-width: 640px) {
  #rd-exp-psck-slot, #rd-exp-psck-gpay, #rd-exp-wallet-slot { flex: 1 1 100%; max-width: none; }
}

/* RD 2026-07-29: boton expres de ps_checkout en el CARRITO centrado (peticion Sergio) */
#ps-checkout-express-button { display: block; margin-left: auto !important; margin-right: auto !important; max-width: 340px; }
#ps-checkout-express-button .paypal-buttons { margin: 0 auto !important; display: block !important; }

/* RD 2026-08-01: estrellitas eTrusted en las miniaturas del listado (rd_xsell/plist1510937024) */
.product-miniature etrusted-widget.rdx-stars { display: block; margin: 2px 0 4px; min-height: 0; overflow: hidden; }

/* RD 2026-08-14: el fix del listado de marcas (/fabricantes) va INLINE en el tema ACTIVO
   themes/at_movic/templates/catalog/brands.tpl (bloque brand_miniature). Se puso inline y no
   aqui porque Cloudflare cachea este custom.css y no se purga; el HTML se sirve fresco. */