/* ===== DISCOPEBELL BRAND (Theme Settings > Custom CSS / cc_css) ===== */
/* VERDE OFICIAL #03834a = marca (enlaces, hover, filetes, CTA, ofertas, badges). Hover/activo #026b3c. Base beige #d1cdc3. */
a:hover, a:focus { color:#03834a; }
#header .pk-menu a:hover, #header .pk-top-nav a:hover, .js-dropdown-link:hover,
.category-name a:hover, .subcategory-name a:hover, .breadcrumb a:hover,
.footer-container a:hover, .link-block a:hover { color:#03834a; }
/* Filete verde bajo los titulos de seccion */
.module-title:after, .products-section-title:after, .elementor-widget-heading .elementor-heading-title:after,
.pk-heading:after, .title_block:after { background-color:#03834a !important; }
/* Badges / etiquetas en naranja (el preset smart.css los pinta verdes) */
.product-miniature .product-flags > li,
.product-flags > li, .product-flag,
.product-miniature .product-flags li.new,
.product-miniature .product-flags li.discount { background-color:#03834a !important; color:#fff !important; }
.regular-price { color:#8a8a8a; }
/* Barra superior de aviso en base beige */
#header .pk-header-top, #header .header-top, .header-nav.pk-topbar,
.pk-nav-top, .top-bar { background-color:#d1cdc3; }

/* ============ FASE CONTENIDO — Discopebell ============ */
/* Mega-menu: nombres de categoria en caso natural */
.pk-nav-link{ text-transform:none !important; }
/* Dropdown de subcategorias (desktop) */
.pk-nav .pk-dropdown{ padding:22px 28px; background:#fff; border-top:3px solid #03834a; box-shadow:0 14px 34px rgba(0,0,0,.12); }
.pk-nav .pk-dropdown .widget-pklinks{ list-style:none; margin:0; padding:0; columns:190px auto; column-gap:28px; }
.pk-nav .pk-dropdown .widget-pklinks li{ break-inside:avoid; margin:0; }
.pk-nav .pk-dropdown .widget-pklinks li:after{ display:none; }
.pk-nav .pk-dropdown .widget-pklinks li a{ display:block; padding:6px 0; color:#414141; font-size:13.5px; line-height:1.35; border:0; }
.pk-nav .pk-dropdown .widget-pklinks li a:hover{ color:#03834a; }
.pk-nav .pk-dropdown .widget-pklinks-title{ margin:0 0 14px; padding-bottom:9px; border-bottom:1px solid #ececec; font-size:16px; text-transform:uppercase; letter-spacing:.5px; }
.pk-nav .pk-dropdown .widget-pklinks-title a{ color:#03834a; }

/* Escaparate de categorias (home hero) */
.elementor-element-heroshow .pk-ce-widget{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:1024px){ .elementor-element-heroshow .pk-ce-widget{ grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .elementor-element-heroshow .pk-ce-widget{ grid-template-columns:repeat(2,1fr);} }
.pk-subcategory{ margin:0; overflow:hidden; border-radius:6px; }
.pk-subcategory .subcategory-image{ overflow:hidden; display:block; }
.pk-subcategory .subcategory-image img{ width:100%; height:200px; object-fit:cover; display:block; transition:transform .45s ease; }
.pk-subcategory:hover .subcategory-image img{ transform:scale(1.06); }
.pk-subcategory .pk-subcategory-text{ position:absolute; left:0; right:0; bottom:0; padding:12px 14px; background:linear-gradient(transparent,rgba(0,0,0,.62)); }
.pk-subcategory .figcaption{ color:#fff; font-family:'Roboto Slab',serif; font-weight:600; font-size:15px; line-height:1.25; }

/* Fila de confianza */
.elementor-widget-text-editor .flex-container.align-items-center svg path{ fill:#03834a; }

/* ===== DISCOPEBELL MODERNIZACION v2 (tiles categoría, acciones producto, menú móvil) ===== */

/* --- 1) Tiles de categoría: tarjeta limpia, título BAJO la imagen (fuera degradado gris) --- */
.elementor-widget-pkcategorysubcategories .pk-subcategory{
  border-radius:16px;overflow:hidden;background:#fff;border:1px solid #eee7dc;
  box-shadow:0 2px 10px rgba(65,65,65,.05);transition:box-shadow .25s ease,transform .25s ease;
}
.elementor-widget-pkcategorysubcategories .pk-subcategory:hover{
  box-shadow:0 10px 26px rgba(65,65,65,.13);transform:translateY(-4px);
}
.elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image{display:block}
.elementor-widget-pkcategorysubcategories .pk-subcategory img{transition:transform .45s ease}
.elementor-widget-pkcategorysubcategories .pk-subcategory:hover img{transform:scale(1.05)}
.elementor-widget-pkcategorysubcategories .pk-subcategory-text{
  position:static!important;background:none!important;background-image:none!important;width:100%;
}
.elementor-widget-pkcategorysubcategories .pk-subcategory .figcaption{
  position:static!important;background:none!important;background-image:none!important;
  color:#414141!important;text-shadow:none!important;font-weight:600;font-size:15px;
  letter-spacing:.02em;text-align:center;padding:14px 10px 16px;width:100%;
}

/* --- 2) Acciones sobre la imagen de producto: ocultas hasta hover (desktop) --- */
@media (hover:hover){
  .product-miniature .pm-actions{opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
  .product-miniature:hover .pm-actions,.product-miniature:focus-within .pm-actions{opacity:1;pointer-events:auto}
}
/* En táctil: nada de tapar el producto; solo un botón redondo de carrito abajo-derecha */
@media (hover:none),(max-width:768px){
  .product-miniature .pm-actions{
    opacity:1;pointer-events:auto;position:absolute;left:auto!important;right:10px;top:auto!important;bottom:10px;
    transform:none!important;display:flex;gap:6px;margin:0;
  }
  .product-miniature .pm-actions .quick-view,
  .product-miniature .pm-actions .add_to_compare,
  .product-miniature .pm-actions .compare-button,
  .product-miniature .pm-actions .product-quantity{display:none!important}
  .product-miniature .pm-actions .btn.add-to-cart{
    width:42px;height:42px;min-width:42px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;
    box-shadow:0 3px 10px rgba(0,0,0,.22);
  }
}
/* Tarjetas de producto: acabado moderno */
.product-miniature{border-radius:12px;transition:box-shadow .25s ease}
.product-miniature:hover{box-shadow:0 8px 22px rgba(65,65,65,.10)}
.product-miniature .thumbnail-container{border-radius:12px;overflow:hidden}

/* --- 3) Menú móvil (sidebar pknav): panel limpio y moderno --- */
.pk-aside.pk-el-pknav{background:#fff}
.pk-aside.pk-el-pknav .pk-nav-ul{padding:0 4px}
.pk-aside.pk-el-pknav .pk-nav-li{
  border-bottom:1px solid #f0ece4;margin:0;
}
.pk-aside.pk-el-pknav .pk-nav-link{
  font-size:16px;font-weight:500;color:#414141;padding:15px 8px;letter-spacing:.01em;
}
.pk-aside.pk-el-pknav .pk-nav-link:hover{color:#03834a}
/* submenú/acordeón: fondo suave e indentado, título de sección discreto */
.pk-aside.pk-el-pknav .pk-dropdown,
.pk-aside.pk-el-pknav .pk-nav-li .elementor{background:#faf8f4;border-radius:10px}
.pk-aside.pk-el-pknav .pk-nav-li .elementor-widget-pkcategories a{
  font-size:14px;color:#5a5a5a;padding:8px 6px;display:block;
}
.pk-aside.pk-el-pknav .pk-nav-li .elementor-widget-pkcategories a:hover{color:#03834a}
.pk-aside.pk-el-pknav .pk-nav-li .elementor-heading-title{
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#03834a;font-weight:700;
  border-bottom:1px solid #e8e2d6;padding-bottom:8px;margin-bottom:6px;
}
.pk-aside .close-sidebar{opacity:.6}
.pk-aside .close-sidebar:hover{opacity:1}

/* pequeños acabados globales modernos */
.btn{border-radius:9px}
.btn.btn-primary{box-shadow:0 2px 8px rgba(3,131,74,.25)}
input.form-control,select.form-control{border-radius:9px}

/* v2.1: tiles de categoría con área de imagen uniforme */
.elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image > span{
  display:flex;align-items:center;justify-content:center;height:200px;padding:18px;overflow:hidden;width:100%;
}
.elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image img{
  width:auto!important;max-width:100%;max-height:100%;object-fit:contain;
}

/* ===== v2.2: móvil real (feedback usuario) ===== */
/* En táctil: NINGÚN botón sobre la imagen del producto */
@media (hover:none),(max-width:768px){
  .product-miniature .pm-actions{display:none!important}
}
/* Título de producto: sin cursiva, moderno y legible */
.product-miniature .product-title,.product-miniature .product-title a,
.product-miniature h2,.product-miniature h3{
  font-family:Roboto,Arial,sans-serif!important;font-style:normal!important;
  font-weight:500;font-size:14.5px;line-height:1.35;color:#414141;
}
/* Precio protagonista + nota B2B como bloque aparte (no pegada al precio) */
.product-miniature .price,.product-miniature .product-price{
  font-weight:700;color:#03834a;font-size:17px;font-style:normal!important;
}
.idxb2b-price-hidden{display:block;margin-top:5px}
.idxb2b-price-hidden__msg{
  display:block;font-size:12px;color:#8a8a8a;font-style:normal;line-height:1.35;margin:2px 0;
}
.idxb2b-price-hidden__login{font-size:12.5px;color:#03834a;font-weight:600;text-decoration:underline}
/* Estrellas (0/5) fuera de las tarjetas: catálogo B2B sin reseñas = ruido */
.product-miniature .hook-reviews{display:none!important}
/* Badge NUEVO más fino */
.product-miniature .product-flags li,.product-flag{border-radius:6px;font-size:11px;letter-spacing:.06em}


/* ============================================================
   DISCOPEBELL 2025 — REFORMA AUDIT2025 (design system completo)
   Cargado el último: gana a theme.css / smart.css / CE css.
   ============================================================ */
:root{
  --dp-green:#03834a;
  --dp-green-dark:#16321f;
  --dp-green-footer:#14271a;
  --dp-orange:#03834a;
  --dp-orange-hover:#026b3c;
  --dp-beige:#f2ede4;
  --dp-beige-2:#d1cdc3;
  --dp-bg-alt:#faf8f5;
  --dp-border:#efe9df;
  --dp-text:#1f1f1f;
  --dp-text-2:#414141;
  --dp-gray:#6f6f6f;
  --dp-link-footer:#b9c8ad;
  --dp-radius-card:14px;
  --dp-radius-btn:10px;
  --dp-shadow:0 12px 28px rgba(0,0,0,.08);
  --dp-trans:.25s ease;
}

/* ---------- 1) BASE: tipografía, botones, inputs, micro ---------- */
body{font-size:15px;line-height:1.6;color:var(--dp-text-2)}
h1,.h1,h2,.h2,h3,.h3{color:var(--dp-text)}
/* fuera el capitalize/lowercase 2013 en títulos de página */
.page-header h1,.authentication-page h2,h1.h1,#cart .h1,.cart-grid h1{
  text-transform:none!important;font-family:'Roboto Slab',serif;font-weight:700;color:var(--dp-text);
}
a{transition:color var(--dp-trans)}
.btn{border-radius:var(--dp-radius-btn)!important;transition:background-color var(--dp-trans),border-color var(--dp-trans),color var(--dp-trans),box-shadow var(--dp-trans)}
.btn.btn-primary{background-color:var(--dp-orange)!important;border-color:var(--dp-orange)!important;color:#fff!important;font-weight:600;box-shadow:none!important;text-transform:none}
.btn.btn-primary:hover,.btn.btn-primary:focus{background-color:var(--dp-orange-hover)!important;border-color:var(--dp-orange-hover)!important}
.btn.btn-primary:disabled,.btn.btn-primary.disabled,.btn[disabled]{
  background-color:#e5e0d6!important;border-color:#e5e0d6!important;color:#9a958a!important;
  box-shadow:none!important;opacity:1!important;text-shadow:none!important;cursor:not-allowed;
}
.btn.btn-secondary{background:#fff;border:1px solid var(--dp-green);color:var(--dp-green)}
.btn.btn-secondary:hover{background:var(--dp-green);color:#fff}
input.form-control,select.form-control,.form-control{border-radius:var(--dp-radius-btn)}
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible{outline:2px solid var(--dp-green);outline-offset:2px}
/* breadcrumb discreto */
.breadcrumb{font-size:13px;color:var(--dp-gray);margin-bottom:16px}
.breadcrumb a,.breadcrumb li,.breadcrumb span{font-size:13px;color:var(--dp-gray)}
.breadcrumb li:after,nav.breadcrumb li:after{content:'/'!important;font-size:11px;color:#b7b0a4;margin:0 8px;letter-spacing:0}
/* títulos de módulo (Comentarios de producto, En la misma categoría, …): sentence case, sin subrayado corto */
h2.module-title,h4.module-title,.module-title{text-transform:none!important;letter-spacing:0!important}
h2.module-title span,h4.module-title span{border-bottom:0!important;padding-bottom:0!important}
h2.module-title:after,h4.module-title:after,.module-title:after{display:none!important}
main .module-title{font-family:'Roboto Slab',serif;font-weight:700;font-size:30px;color:var(--dp-text)}
/* badges */
.product-flag,.product-miniature .product-flags li{
  text-transform:capitalize!important;border-radius:6px!important;font-size:11px!important;
  font-weight:600!important;letter-spacing:.02em!important;padding:4px 9px;
}

/* ---------- 2) HEADER ---------- */
/* top-bar slim beige claro */
#header .elementor-element-1b585164{background-color:var(--dp-beige)!important}
#header .elementor-element-1b585164 .elementor-text-editor,
#header .elementor-element-1b585164 a,
#header .elementor-element-1b585164 .elementor-widget{color:var(--dp-text-2)!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important}
#header .elementor-element-1b585164 a:hover{color:var(--dp-green)!important}
/* logo a tamaño de marca (el PNG es 1179x299: se ve nítido a 48px de alto) */
#header .header_logo img.logo{width:auto!important;height:48px!important;min-width:0!important;max-width:230px}
/* compactar el header blanco */
#header .elementor-element-46b5fd3a > .elementor-container{min-height:0}
#header .elementor-element-46b5fd3a .elementor-column-wrap{padding-top:10px;padding-bottom:10px}
/* menú: subrayado verde animado + hover */
.pk-nav-ul > .pk-nav-li > .pk-nav-link{position:relative;padding-bottom:6px}
.pk-nav-ul > .pk-nav-li > .pk-nav-link:after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--dp-green);
  transform:scaleX(0);transform-origin:left;transition:transform var(--dp-trans);
}
.pk-nav-ul > .pk-nav-li > .pk-nav-link:hover:after,
.pk-nav-ul > .pk-nav-li.current > .pk-nav-link:after,
.pk-nav-ul > .pk-nav-li.active > .pk-nav-link:after{transform:scaleX(1)}
.pk-nav-ul > .pk-nav-li > .pk-nav-link:hover{color:var(--dp-green)}
/* tira promo verde oscuro slim */
#header .elementor-element-17d5ab49{background-color:var(--dp-green-dark)!important}
#header .elementor-element-17d5ab49 .elementor-text-editor{font-size:13px!important;color:#fff!important}
#header .elementor-element-17d5ab49 .elementor-column-wrap{padding-top:8px!important;padding-bottom:8px!important}

/* ---------- 3) HOME: títulos, eyebrows, ritmo, tiles, servicios ---------- */
/* títulos de sección: sentence case real (fuera lowercase), Roboto Slab 700 32px */
#index .elementor-widget-heading .elementor-heading-title{
  text-transform:none!important;font-family:'Roboto Slab',serif!important;font-weight:700!important;
  font-size:32px!important;line-height:1.25!important;color:var(--dp-text)!important;letter-spacing:0!important;
}
/* eyebrows: 12px uppercase verde con tracking */
#index .elementor-element-52c7d095 .elementor-text-editor,
#index .elementor-element-39f27cf7 .elementor-text-editor,
#index .elementor-element-4e2174f8 .elementor-text-editor,
#index .elementor-element-5ed55db6 .elementor-text-editor{
  font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.12em!important;color:var(--dp-green)!important;margin-bottom:6px;line-height:1.4!important;
}
/* ritmo vertical uniforme (72px desktop / 44px móvil) */
#index .elementor-element-herodiscosec{padding:20px 0 4px!important}
#index .elementor-element-28ccbfb3{padding:32px 0 8px!important}
#index .elementor-element-6a8320bf{padding:28px 0 56px!important}
#index .elementor-element-257cda56,
#index .elementor-element-10c8fcaf,
#index .elementor-element-6db68799{padding:64px 0 4px!important}
#index .elementor-element-76fa3d50{padding:8px 0 8px!important}
#index .elementor-element-2faad00f{padding:0 0 24px!important}
#index .elementor-element-c43914e{padding:8px 0 56px!important}
#index .elementor-element-5a83aea6{padding:8px 0 24px!important}
#index .elementor-element-6cf0027b{padding:64px 0 72px!important}
/* banda alterna suave en el bloque 'Tratamientos para el pelo' */
#index .elementor-element-10c8fcaf,#index .elementor-element-c43914e{background-color:var(--dp-bg-alt)!important}
/* grid 'explora el catálogo': de 8 columnas apretadas a 2+2 = 4 visibles */
#index .elementor-element-10aab1f5 .pk-ce-widget.pk-grid,
#index .elementor-element-2968cae3 .pk-ce-widget.pk-grid{grid-template-columns:repeat(2,minmax(120px,1fr))!important}
/* gap DS uniforme en todos los grids de la home */
#index .pk-ce-widget.pk-grid{grid-column-gap:24px!important;grid-row-gap:24px!important}
/* servicios: icono arriba centrado, título 14px 600, subtexto normal */
#index .elementor-element-6a8320bf .flex-container.align-items-center{
  flex-direction:column;text-align:center;gap:10px;align-items:center!important;
}
#index .elementor-element-6a8320bf .flex-container.align-items-center svg{margin:0 auto;width:28px;height:28px}
#index .elementor-element-6a8320bf .elementor-text-editor{font-size:13px;color:var(--dp-gray);font-weight:400}
#index .elementor-element-6a8320bf .elementor-text-editor b,
#index .elementor-element-6a8320bf .elementor-text-editor strong{
  display:block;font-size:14px;font-weight:600;color:var(--dp-text);margin-bottom:2px;
}
/* tiles de categoría: card DS, nombre a la izquierda */
.elementor-widget-pkcategorysubcategories .pk-subcategory{
  border-radius:var(--dp-radius-card);border:1px solid var(--dp-border);box-shadow:none;
  transition:box-shadow var(--dp-trans),transform var(--dp-trans);
}
.elementor-widget-pkcategorysubcategories .pk-subcategory:hover{box-shadow:var(--dp-shadow);transform:translateY(-3px)}
.elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image > span{
  height:160px;padding:24px;background:var(--dp-bg-alt);
}
.elementor-widget-pkcategorysubcategories .pk-subcategory .figcaption{
  text-align:left;font-family:Roboto,sans-serif;font-size:14.5px;font-weight:500;color:var(--dp-text);
  padding:12px 16px 14px;
}
/* placeholder de imagen sin spinner desnudo */
picture.cover-image{background:var(--dp-bg-alt);border-radius:8px}
picture.cover-image img{transition:opacity .25s ease}

/* ---------- 4) TARJETAS DE PRODUCTO (home, categoría, carruseles) ---------- */
.product-miniature{
  background:#fff;border:1px solid var(--dp-border)!important;border-radius:var(--dp-radius-card)!important;
  padding:12px 12px 16px;transition:box-shadow var(--dp-trans),transform var(--dp-trans);
}
.product-miniature:hover{box-shadow:var(--dp-shadow)!important;transform:translateY(-3px)}
.product-miniature .thumbnail-container{border-radius:10px;overflow:hidden}
/* v6 resume: alineación de tarjeta la fija el bloque único "ACTIVO: CENTRADO" (abajo). Aquí solo margen. */
.product-miniature .product-title{margin-top:10px}
.product-miniature .product-title a{font-family:Roboto,sans-serif!important;font-size:14.5px;font-weight:500;line-height:1.35;color:var(--dp-text-2)}
.product-miniature .product-title a:hover{color:var(--dp-green)}
/* precio ANTES de la nota B2B, cada uno en su línea (alineación la fija el bloque ACTIVO abajo) */
.product-miniature .product-price-and-shipping{
  display:flex!important;flex-direction:column;gap:0;
}
.product-miniature .product-price-and-shipping .price{
  order:0;font-size:17px!important;font-weight:700!important;color:var(--dp-green)!important;line-height:1.3;
}
.idxb2b-price-hidden{display:block!important;margin-top:4px!important;text-align:left}
.idxb2b-price-hidden__msg{display:block;font-size:12px!important;color:var(--dp-gray)!important;font-style:normal;line-height:1.35}
.idxb2b-price-hidden__login{font-size:12px;color:var(--dp-green);font-weight:600}
/* marca 'Discopebell SL' repetida en cada card: ruido (es la propia tienda) */
.product-miniature .product-brand{display:none!important}

/* ---------- 5) FOOTER ---------- */
#footer{background:var(--dp-green-footer)}
#footer .elementor-element-5ab34231,#footer .elementor-element-773137b0{background-color:var(--dp-green-footer)!important}
#footer .elementor-element-1d5a6690{background-color:var(--dp-green-dark)!important}
/* newsletter: fila única alineada, sin solapes */
#footer .elementor-element-1d5a6690 .elementor-row{display:flex;flex-wrap:wrap;align-items:center}
#footer .elementor-element-1d5a6690 .elementor-column-wrap{padding-top:28px;padding-bottom:28px}
#footer .elementor-element-30704708{margin:0!important;position:static!important}
#footer .elementor-element-f5b0c04 .elementor-text-editor{
  font-size:12px!important;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--dp-green)!important;
}
#footer .elementor-element-2c2fa9bd .elementor-text-editor{
  font-family:'Roboto Slab',serif!important;font-size:24px!important;font-weight:700;line-height:1.3!important;
  color:#fff!important;text-transform:none!important;
}
#footer .newsletter-widget{margin:0}
#footer .newsletter-form{position:static!important;width:100%;max-width:460px}
#footer .pknlinput-wrap{width:100%}
#footer .newsletter-input{
  background:#fff!important;border:0!important;border-radius:var(--dp-radius-btn)!important;
  height:50px!important;padding:0 132px 0 18px!important;color:var(--dp-text-2)!important;font-size:14px;opacity:1!important;
}
#footer .newsletter-input::placeholder{color:#9a958a}
#footer .submit-widget-newsletter{
  position:absolute;right:5px;top:5px;bottom:5px;width:auto;height:40px;padding:0 18px;
  background:var(--dp-orange);border:0;border-radius:8px;cursor:pointer;display:flex;align-items:center;
  transition:background-color var(--dp-trans);
}
#footer .submit-widget-newsletter:hover{background:var(--dp-orange-hover)}
#footer .submit-widget-newsletter .svgic{display:none}
#footer .submit-widget-newsletter:before{content:'Suscribirme';font:600 14px Roboto,sans-serif;color:#fff}
#footer .newsletter-info{font-size:12px!important;color:var(--dp-link-footer)!important;margin-top:10px;line-height:1.5;opacity:1!important}
/* títulos de columna: 13px uppercase blancos */
#footer .module-title,#footer h2.module-title{margin:0 0 14px!important;padding:0!important}
#footer .module-title span{
  font-family:Roboto,sans-serif!important;font-size:13px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.08em!important;color:#fff!important;
  border:0!important;padding:0!important;
}
/* la marca duplicada como texto: fuera (el logo va en el bloque de contacto) */
#footer .elementor-element-cb9f199{display:none!important}
/* links: sentence case natural, #b9c8ad, hover blanco */
#footer a{color:var(--dp-link-footer)!important;font-size:14px!important;text-transform:none!important;font-weight:400!important;transition:color var(--dp-trans)}
#footer a:hover{color:#fff!important}
#footer,#footer .elementor-text-editor,#footer p,#footer li{color:var(--dp-link-footer);font-size:14px}
#footer .widget-pklinks li a{line-height:2.1!important}
/* padding de columnas más contenido */
#footer .elementor-element-5ab34231 .elementor-column-wrap{padding-top:40px;padding-bottom:28px}
/* fila legal inferior */
#footer .elementor-element-773137b0 .elementor-column-wrap{padding-top:14px;padding-bottom:22px}
#footer .elementor-element-773137b0 .elementor-text-editor{font-size:13px!important;color:#8fa387}
#footer .dp-pay-icons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;opacity:.85}
#footer .dp-pay-icons svg{display:block;height:24px;width:auto}
#footer .dp-footer-logo{height:auto;width:200px;filter:brightness(0) invert(1);opacity:.95;margin-bottom:14px;display:block}

/* ---------- 6) CATEGORÍA ---------- */
/* título visible con jerarquía */
#category .block-category h1.hidden{
  display:block!important;visibility:visible!important;height:auto!important;width:auto!important;
  position:static!important;overflow:visible!important;clip:auto!important;
  font-family:'Roboto Slab',serif;font-weight:700;font-size:30px;color:var(--dp-text);
  text-transform:none!important;margin:6px 0 4px;
}
#category .block-category{margin-bottom:6px}
/* toolbar: selects estilizados, sin view-switcher, sin comparar */
.products-selection .listing_view{display:none!important}
.products-selection a.compare-form.bt_compare{display:none!important}
.products-selection .select-title{
  border:1px solid var(--dp-border)!important;border-radius:var(--dp-radius-btn)!important;
  padding:9px 14px!important;font-size:13.5px;color:var(--dp-text-2);background:#fff;
}
.products-selection .select-title:hover{border-color:var(--dp-green)!important;color:var(--dp-green)}
.products-selection .dropdown-menu{border:1px solid var(--dp-border);border-radius:10px;box-shadow:var(--dp-shadow)}
/* sidebar: bloque de blog a medio integrar, fuera */
#left-column .block-categories:has(a[href*="/blog"]){display:none!important}
/* paginación DS */
.pagination{font-size:13px;color:var(--dp-gray)}
.pagination .page-list li a,.pagination .page-list li span{
  min-width:36px;height:36px;line-height:34px;border:1px solid var(--dp-border)!important;
  border-radius:var(--dp-radius-btn)!important;color:var(--dp-text-2);display:inline-block;text-align:center;
  transition:border-color var(--dp-trans),background-color var(--dp-trans),color var(--dp-trans);
}
.pagination .page-list li a:hover{border-color:var(--dp-green)!important;color:var(--dp-green)}
.pagination .page-list li.current a{
  background:var(--dp-green)!important;border-color:var(--dp-green)!important;color:#fff!important;opacity:1!important;
}

/* ---------- 7) FICHA DE PRODUCTO ---------- */
/* título sin gritos + marca discreta (la marca es la propia tienda: fuera) */
#product h1.h1{font-size:28px;letter-spacing:0!important;line-height:1.25;margin-bottom:6px}
#product .product-manufacturer{display:none!important}
/* galería con marco y flechas circulares */
#product .images-container .pk-type-main-image{
  border:1px solid var(--dp-border);border-radius:var(--dp-radius-card);overflow:hidden;background:#fff;
}
#product .images-container .slick-prev,#product .images-container .slick-next{
  width:40px!important;height:40px!important;background:#fff!important;border-radius:50%!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12)!important;opacity:1;z-index:5;
}
#product .images-container .slick-prev{left:12px!important}
#product .images-container .slick-next{right:12px!important}
#product .images-container .slick-prev:hover:before,#product .images-container .slick-next:hover:before{background-color:var(--dp-green)!important}
#product .product-flags{z-index:6;left:8px;top:8px}
/* cantidad + añadir al carrito consistentes */
#product #quantity_wanted,#product .qty input{
  border:1px solid var(--dp-border)!important;border-radius:var(--dp-radius-btn)!important;
  height:48px!important;font-size:15px;text-align:center;
}
#product .add-to-cart{
  height:48px;padding:0 34px;font-size:15px;font-weight:600;text-transform:none!important;letter-spacing:.01em!important;
}
/* reassurance: cards limpias con icono verde y título en bloque */
.blockreassurance_product div:not(.clearfix){
  background:var(--dp-bg-alt)!important;border:1px solid var(--dp-border);border-radius:var(--dp-radius-card);
  padding:14px 16px!important;margin-bottom:10px;
}
.blockreassurance_product .item-product{
  float:left;margin-right:12px;height:auto!important;width:auto!important;padding:2px 0 0!important;
}
.blockreassurance_product .item-product img{
  visibility:visible!important;opacity:1;width:24px!important;height:24px!important;
  filter:invert(62%) sepia(23%) saturate(692%) hue-rotate(47deg) brightness(94%) contrast(88%);
}
.blockreassurance_product .block-title{
  display:block!important;font-size:13.5px;font-weight:600!important;color:var(--dp-text)!important;
  margin:0 0 3px!important;overflow:hidden;
}
.blockreassurance_product p{font-size:13px!important;color:var(--dp-gray)!important;margin:0!important;overflow:hidden}
/* idem versión checkout/carrito del módulo */
#block-reassurance li,#block-reassurance .block-reassurance-item{
  background:var(--dp-bg-alt);border:1px solid var(--dp-border);border-radius:var(--dp-radius-card);
}
#block-reassurance .block-title{display:block;font-weight:600;margin-bottom:4px;color:var(--dp-text)}
/* tabs sentence case con subrayado activo verde, banda suave */
.tabs-container{background:var(--dp-bg-alt)!important}
.tabs .nav-tabs .nav-link{text-transform:none!important;letter-spacing:0!important;border:0!important;padding:14px 4px;margin-right:28px;position:relative}
.tabs .nav-tabs .nav-link .h5{
  font-family:Roboto,sans-serif!important;font-size:15px!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;color:var(--dp-gray);
}
.tabs .nav-tabs .nav-link.active .h5,.tabs .nav-tabs .nav-link:hover .h5{color:var(--dp-text)}
.tabs .nav-tabs .nav-link.active:after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--dp-green);
}
.tabs .tab-content{font-size:15px;line-height:1.6;color:var(--dp-text-2)}
/* comentarios: colapsar el vacío a una línea digna */
.product-comments .module-title{font-size:26px}
#product-comments-list-header .comments-nb{font-size:14px;color:var(--dp-gray);padding:4px 0}
#product-comments-list-footer,.product-comments{margin-bottom:24px}
#empty-product-comment{padding:12px 0!important;min-height:0!important}
/* relacionados: mismo card DS (ya global); título coherente */
.product-accessories .module-title,.ps_featuredproducts .module-title{font-size:26px}

/* ---------- 8) CARRITO ---------- */
/* carrusel de destacados fuera del carrito: distrae del checkout */
#cart .ps_featuredproducts{display:none!important}
#cart .cart-grid{margin-top:8px}

/* ---------- 9) CMS / LEGAL ---------- */
#cms .page-cms,#cms .content-cms-wrapper{max-width:800px;margin-left:auto;margin-right:auto}
#cms .page-cms p,#cms .content-cms-wrapper p,#cms .page-cms li{
  text-align:left!important;font-size:15px;line-height:1.7;color:var(--dp-text-2);
}
#cms .page-cms h2,#cms .page-cms h3{font-family:'Roboto Slab',serif;text-transform:none;margin-top:28px}

/* ---------- 10) BOTONES FLOTANTES (cookies / carrito / subir) ---------- */
.pk-fixed-button{
  width:48px!important;height:48px!important;right:20px!important;left:auto!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;border-radius:50%!important;
}
.pk-fixed-button.pk-cookie-toggler{top:auto!important;bottom:24px!important}
.pk-fixed-button.pk-cart-button{top:auto!important;bottom:84px!important}
.pk-fixed-button.pk-scroll-totop{top:auto!important;bottom:144px!important}
/* sticky-cart sin sentido en CMS / carrito / checkout */
#cms .pk-fixed-button.pk-cart-button,#cart .pk-fixed-button.pk-cart-button,
#checkout .pk-fixed-button.pk-cart-button{display:none!important}

/* ---------- 11) MÓVIL ---------- */
@media (max-width:1024px){
  /* banda 'Menú': de negro 2013 a verde oscuro slim */
  nav.pk-nav .pk-menu-icon{
    background:var(--dp-green-dark)!important;color:#fff!important;min-height:40px;
    font-size:13px!important;letter-spacing:.04em;padding:8px 16px!important;
  }
  nav.pk-nav .pk-menu-icon span{color:#fff!important;font-size:13px!important;text-transform:none}
  nav.pk-nav .pk-menu-icon .svgic{color:#fff!important;fill:#fff!important}
}
@media (max-width:767px){
  /* ritmo 44px */
  #index .elementor-element-257cda56,#index .elementor-element-10c8fcaf,
  #index .elementor-element-6db68799{padding:40px 0 2px!important}
  #index .elementor-element-6cf0027b{padding:40px 0 44px!important}
  #index .elementor-element-6a8320bf{padding:20px 0 36px!important}
  #index .elementor-element-c43914e{padding:4px 0 36px!important}
  /* títulos 24px */
  #index .elementor-widget-heading .elementor-heading-title{font-size:24px!important}
  .page-header h1,#product h1.h1,#category .block-category h1.hidden,main .module-title{font-size:23px}
  /* grids estrictos de 2 columnas con gap 24 */
  #index .pk-ce-widget.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-list-container.grid-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:16px!important}
  /* tile de categoría huérfano: el último ocupa las 2 columnas */
  .elementor-widget-pkcategorysubcategories .pk-ce-widget > .pk-subcategory:last-child:nth-child(odd){grid-column:1/-1}
  /* servicios: filas alineadas */
  #index .elementor-element-6a8320bf .elementor-column{width:50%}
  /* toolbar categoría: una fila sin desbordes */
  #js-product-list-top{max-width:100%;overflow:hidden;gap:8px}
  .products-selection .sort-by-row{width:100%}
  .products-selection .products-sort-order{max-width:100%}
  .products-selection .select-title{font-size:13px;padding:8px 10px!important}
  /* ficha: tabs apiladas legibles + fuera 'Comparación rápida' */
  .tabs .nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tabs .nav-tabs .nav-link{white-space:nowrap;margin-right:18px}
  .tabs .nav-tabs .nav-link[href="#pk-comparison"],.tabs .nav-tabs a[aria-controls="pk-comparison"]{display:none!important}
  /* zona de compra: CTA full-width 48px */
  #product .product-add-to-cart .add-to-cart{width:100%;justify-content:center;margin-top:10px}
  #product .product-quantity{flex-wrap:wrap}
  /* relacionados: 2 columnas, no 4 ilegibles */
  .product-accessories .product-list-container,.product-accessories .pk-grid,
  #product .ps_featuredproducts .product-list-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* flotantes sobre la bottom-bar, apilados */
  .pk-fixed-button{width:44px!important;height:44px!important;right:14px!important}
  .pk-fixed-button.pk-cookie-toggler{bottom:76px!important}
  .pk-fixed-button.pk-cart-button{bottom:132px!important}
  .pk-fixed-button.pk-scroll-totop{display:none!important}
  /* footer compacto: gaps contenidos */
  #footer .elementor-element-5ab34231 .elementor-column-wrap{padding-top:18px;padding-bottom:6px}
  #footer .elementor-element-1d5a6690 .elementor-column-wrap{padding-top:18px;padding-bottom:14px}
  #footer .elementor-element-2c2fa9bd .elementor-text-editor{font-size:20px!important}
  #footer .module-title{margin:10px 0 8px!important}
  #footer .widget-pklinks li a{line-height:1.9!important}
}
/* menú móvil drawer: acordeón inline, chevrons verdes */
.pk-aside.pk-el-pknav .pk-dropdown{
  position:static!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  padding:2px 0 10px 12px!important;background:transparent!important;width:100%!important;
}
.pk-aside.pk-el-pknav .pk-dropdown .widget-pklinks-title,
.pk-aside.pk-el-pknav .pk-nav-li .elementor-heading-title{display:none!important}
.pk-aside.pk-el-pknav .pk-nav-li .svgic{color:var(--dp-green);fill:var(--dp-green)}
.pk-aside.pk-el-pknav .pk-nav-link:hover{color:var(--dp-green)}
/* ============ FIN DISCOPEBELL 2025 AUDIT ============ */


/* ===== DISCOPEBELL 2025 AUDIT — iter2 (correcciones tras screenshot) ===== */
/* loader de imagen: placeholder sereno, no spinner gris desnudo */
.in_progress{background:#faf8f5!important;border-radius:8px!important}
/* banda MENÚ móvil: toda la sección en verde oscuro */
#header .elementor-element-7671df2{background-color:#16321f!important}
#header .elementor-element-7671df2 .elementor-column-wrap{padding-top:0!important;padding-bottom:0!important}
nav.pk-nav .pk-menu-icon{background:transparent!important}
/* tira promo: sin capitalize automático */
#header .elementor-element-17d5ab49 .elementor-text-editor,
#header .elementor-element-17d5ab49 .elementor-text-editor div,
#header .elementor-element-17d5ab49 a{text-transform:none!important}
/* breadcrumb: un único separador '/' */
.breadcrumb li:before{content:none!important;display:none!important}
.breadcrumb li:after{content:none!important;display:none!important;background:none!important}
.breadcrumb li:not(:last-child):after{
  content:'/'!important;display:inline-block!important;font-size:11px;color:#b7b0a4;
  margin:0 8px;width:auto;height:auto;transform:none;
}
/* precio ANTES de la nota, apilados (gana a la fila del tema; alineación = bloque ACTIVO abajo) */
.product-miniature .product-price-and-shipping{
  display:flex!important;flex-direction:column!important;
  flex-wrap:nowrap!important;gap:0!important;
}
.product-miniature .product-price-and-shipping .price{order:0!important;width:auto}
.product-miniature .product-price-and-shipping .idxb2b-price-hidden{width:100%}
/* reassurance: icono también cuando el JS lo convierte en <svg> inline */
.blockreassurance_product .item-product svg{width:24px!important;height:24px!important}
.blockreassurance_product .item-product svg,
.blockreassurance_product .item-product svg *{fill:#03834a!important;stroke:#03834a}
/* ---- FOOTER iter2 ---- */
/* columnas pklinks: título encima de la lista (el widget venía en grid 2 col) */
#footer .elementor-widget-pklinks .pk-ce-widget.pk-grid{display:block!important}
#footer h4.widget-pklinks-title{
  font-family:Roboto,sans-serif!important;font-size:13px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.08em!important;color:#fff!important;
  margin:0 0 14px!important;padding:0!important;line-height:1.4!important;
}
/* logo del footer: chip blanco (el PNG no tiene alfa: fuera filtro) */
#footer .dp-footer-logo{
  filter:none!important;background:#fff;padding:8px 12px;border-radius:8px;
  height:auto!important;width:170px;margin-bottom:16px;
}
/* newsletter: input a todo el ancho del wrap y sin filetes blancos */
#footer .newsletter-input{width:100%!important}
#footer .pknlinput-wrap{width:100%!important;display:block}
#footer .newsletter-form{width:100%}
#footer .elementor-element-1d5a6690 .elementor-element-populated,
#footer .elementor-element-1d5a6690 .elementor-column-wrap,
#footer .elementor-element-1d5a6690 .elementor-widget-wrap,
#footer .elementor-element-1d5a6690 .elementor-widget{border:0!important;box-shadow:none!important}
#footer .elementor-element-1d5a6690 hr{display:none!important}
#footer .elementor-element-1d5a6690{padding:16px 0!important}
#footer .newsletter-info{max-width:460px}
/* footer: sin capitalize heredado en textos */
#footer .elementor-text-editor,#footer li,#footer p{text-transform:none!important}
/* móvil: toolbar de categoría en una fila 50/50 */
@media (max-width:767px){
  #js-product-list-top .sort-by-row{display:flex!important;gap:8px;width:100%;flex-wrap:nowrap}
  #js-product-list-top .products-sort-order{flex:1 1 50%;min-width:0;margin:0!important}
  #js-product-list-top .select-title{display:block;width:100%;box-sizing:border-box}
  /* footer aún más compacto */
  #footer .elementor-element-1d5a6690 .elementor-column-wrap{padding-top:12px;padding-bottom:8px}
  #footer .dp-footer-logo{width:200px}
}
/* ===== fin iter2 ===== */


/* ===== DISCOPEBELL 2025 AUDIT — iter3 (remates) ===== */
/* ficha: la marca es la propia tienda, no aporta */
#product .product-info-section > .product-brand,
#product a.product-brand{display:none!important}
/* reassurance: icono a la izquierda, título y texto en bloque (rejilla) */
.blockreassurance_product div:not(.clearfix){
  display:grid!important;grid-template-columns:36px 1fr;column-gap:12px;align-items:start;
  text-align:left!important;
}
.blockreassurance_product .item-product{
  grid-row:1/span 2;float:none!important;margin:0!important;justify-self:start;
}
.blockreassurance_product .block-title{grid-column:2;margin:0 0 3px!important}
.blockreassurance_product p{grid-column:2}
/* comentarios vacíos: compactos */
#product-comments-list:empty{display:none!important}
.product-comments .module-title{margin-bottom:10px!important}
.product-comments .row{margin-top:0!important;margin-bottom:0!important}
#product-comments-list-header{margin:0!important;padding:4px 0 12px!important;min-height:0!important}
.product-comments{padding-top:8px!important;padding-bottom:8px!important}
/* newsletter: fuera márgenes fantasma de los widgets */
#footer .elementor-element-1d5a6690 .elementor-widget{margin-top:0!important}
@media (max-width:767px){
  /* newsletter apilada: input y botón a todo el ancho */
  #footer .submit-widget-newsletter{
    position:static!important;width:100%!important;height:44px!important;
    justify-content:center!important;margin-top:8px;border-radius:10px!important;
  }
  #footer .newsletter-input{padding:0 16px!important}
  /* CTA de compra a todo el ancho */
  #product .product-actions .add-to-cart{width:100%!important;justify-content:center;margin-top:10px}
}
/* ===== fin iter3 ===== */

/* iter4: ocultar pestaña 'Comparación rápida' en móvil (tab extra) */
@media (max-width:767px){
  .tabs .nav-tabs .nav-link[href="#extra-0"]{display:none!important}
}


/* ===== DISCOPEBELL 2025 — REVISOR ronda 1 ===== */

/* --- RITMO HOME: fuera huecos gigantes (medidos: mt140/mb100 ventajas, mb160 grid tratamientos) --- */
#index .elementor-element-6a8320bf{margin-top:48px!important;margin-bottom:0!important;padding-top:36px!important;padding-bottom:36px!important}
#index .elementor-element-c43914e{margin-bottom:0!important;padding-bottom:32px!important}
#index .elementor-element-2faad00f{padding-bottom:32px!important}
#index .elementor-element-6cf0027b{padding-bottom:56px!important}
@media (max-width:767px){
  #index .elementor-element-6a8320bf{margin-top:24px!important;padding-top:24px!important;padding-bottom:24px!important}
  #index .elementor-element-257cda56,
  #index .elementor-element-10c8fcaf,
  #index .elementor-element-6db68799{padding-top:44px!important}
  #index .elementor-element-6cf0027b{padding-top:44px!important;padding-bottom:44px!important}
}

/* --- BOTONES FLOTANTES: pila vertical sin solapes, 44px, sombra DS --- */
.pk-fixed-bottom.pk-fixed-bottom-right{
  display:flex!important;flex-direction:column;align-items:flex-end;gap:12px;
  right:20px;bottom:24px;
}
.pk-fixed-button{width:44px!important;height:44px!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.pk-fixed-button.pk-cart-button{position:static!important;bottom:auto!important;margin:0!important}
.pk-fixed-button.pk-cookie-toggler{position:static!important;margin:0!important}
.pk-fixed-button.pk-scroll-totop{position:static!important;margin:0!important}
@media (max-width:767px){
  .pk-fixed-bottom.pk-fixed-bottom-right{bottom:88px;right:12px;gap:10px}
}

/* --- NEWSLETTER (desktop): botón centrado DENTRO del input, no encima --- */
@media (min-width:768px){
  #footer .submit-widget-newsletter{
    top:25px!important;right:9px!important;height:40px!important;
    border-radius:10px!important;
  }
}
@media (max-width:767px){
  #footer .submit-widget-newsletter{margin-top:12px!important}
}
/* newsletter: compactar la banda (columnas con relleno excesivo) */
#footer .elementor-element-1d5a6690 .elementor-column-wrap,
#footer .elementor-element-1d5a6690 .elementor-element-populated{
  padding-top:26px!important;padding-bottom:26px!important;
}

/* --- FOOTER: fuera el vacío muerto (pb 120 medido + barra inferior 145px) --- */
#footer .elementor-element-5ab34231{padding-top:44px!important;padding-bottom:32px!important}
#footer .elementor-element-773137b0 .elementor-column-wrap,
#footer .elementor-element-773137b0 .elementor-element-populated{
  padding-top:14px!important;padding-bottom:14px!important;
}
#footer .elementor-element-773137b0 .elementor-widget{margin-bottom:0!important}
@media (max-width:767px){
  #footer .elementor-element-5ab34231{padding-top:36px!important;padding-bottom:20px!important}
}

/* --- FICHA: hueco muerto entre comentarios y 'En la misma categoría' --- */
.product-comments{margin:0!important}
.product-footer{margin-top:24px!important;margin-bottom:0!important}
.pk-carousel-categories{margin-top:0!important;padding-top:16px!important}
.pk-carousel-categories .module-title{margin-bottom:20px!important}

/* --- FICHA: flechas de galería circulares blancas (DS) --- */
.pp-img-carousel .slick-arrow{
  width:40px!important;height:40px!important;border-radius:50%!important;
  background:#fff!important;border:1px solid #efe9df!important;
  box-shadow:0 6px 16px rgba(0,0,0,.10)!important;
  display:flex!important;align-items:center;justify-content:center;
  transition:all .25s ease;
}
.pp-img-carousel .slick-arrow:hover{background:#03834a!important;border-color:#03834a!important}
.pp-img-carousel .slick-arrow:hover svg,.pp-img-carousel .slick-arrow:hover use{fill:#fff;color:#fff}

/* --- LAZYLOAD: placeholder digno mientras carga (spinner verde sobre crema) --- */
picture.cover-image{background:#fbfaf7;border-radius:10px;overflow:hidden;display:block}
.cover-image::after{border-top-color:#03834a!important}
.lds-ring div,.pk-spinner{border-color:#03834a transparent transparent transparent!important}

/* ===== fin REVISOR ronda 1 ===== */

/* ===== DISCOPEBELL 2025 — REVISOR ronda 2 ===== */

/* flechas galería ficha: fuera el tofu de slick (fuente de iconos ausente), chevron CSS propio */
.pp-img-carousel .slick-arrow{font-size:0!important;color:transparent!important;line-height:0!important;padding:0!important}
.pp-img-carousel .slick-arrow::before,
.pp-img-carousel .slick-arrow::after{content:none!important}
.pp-img-carousel .slick-arrow span{display:none!important}
.pp-img-carousel .slick-prev{background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M10.5 2.5 5 8l5.5 5.5' fill='none' stroke='%23414141' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px no-repeat!important}
.pp-img-carousel .slick-next{background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M5.5 2.5 11 8l-5.5 5.5' fill='none' stroke='%23414141' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px no-repeat!important}
.pp-img-carousel .slick-prev:hover,.pp-img-carousel .slick-next:hover{border-color:#03834a!important}

/* móvil: newsletter y barra final del footer compactas (medido: 581px y 272px) */
@media (max-width:767px){
  #footer .elementor-element-1d5a6690 .elementor-column-wrap,
  #footer .elementor-element-1d5a6690 .elementor-element-populated{
    padding-top:14px!important;padding-bottom:14px!important;
  }
  #footer .elementor-element-1d5a6690 .elementor-widget{margin-top:0!important;margin-bottom:0!important}
  #footer .elementor-widget-spacer{display:none!important}
  #footer .elementor-element-773137b0 .elementor-column-wrap,
  #footer .elementor-element-773137b0 .elementor-element-populated{
    padding-top:6px!important;padding-bottom:6px!important;
  }
  #footer .elementor-element-773137b0{padding:10px 0 16px!important}
}
/* ===== fin REVISOR ronda 2 ===== */

/* ===== DISCOPEBELL 2025 — REVISOR ronda 3 ===== */

/* flechas galería: matar el glifo tofu a prueba de bombas y poner chevron SVG codificado */
#product-images-cont button.slick-arrow,
.pp-img-carousel button.slick-arrow{
  font-size:0!important;line-height:0!important;color:transparent!important;
  text-indent:-9999px!important;overflow:hidden!important;
  width:40px!important;height:40px!important;border-radius:50%!important;
  border:1px solid #efe9df!important;box-shadow:0 6px 16px rgba(0,0,0,.10)!important;
  background-color:#fff!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:16px 16px!important;
}
#product-images-cont button.slick-arrow::before,#product-images-cont button.slick-arrow::after,
.pp-img-carousel button.slick-arrow::before,.pp-img-carousel button.slick-arrow::after{
  content:''!important;display:none!important;
}
#product-images-cont button.slick-prev,.pp-img-carousel button.slick-prev{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M10.5%202.5%205%208l5.5%205.5%27%20fill%3D%27none%27%20stroke%3D%27%23414141%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;
}
#product-images-cont button.slick-next,.pp-img-carousel button.slick-next{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M5.5%202.5%2011%208l-5.5%205.5%27%20fill%3D%27none%27%20stroke%3D%27%23414141%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;
}
#product-images-cont button.slick-arrow:hover,.pp-img-carousel button.slick-arrow:hover{border-color:#03834a!important}

/* móvil: compactar de verdad la banda final del footer */
@media (max-width:767px){
  #footer .elementor-element-773137b0 .elementor-widget,
  #footer .elementor-element-773137b0 .elementor-widget-wrap,
  #footer .elementor-element-773137b0 .elementor-widget-container{margin:0!important;padding:2px 0!important;min-height:0!important}
  #footer .elementor-element-773137b0 .elementor-row,
  #footer .elementor-element-773137b0 .elementor-container{min-height:0!important}
  #footer .elementor-element-773137b0 p{margin:0!important}
  #footer .elementor-element-5ab34231{padding-bottom:8px!important}
  #footer .elementor-element-5ab34231 .elementor-column-wrap,
  #footer .elementor-element-5ab34231 .elementor-element-populated{padding-bottom:0!important}
  #footer{padding-bottom:0!important}
}
/* ===== fin REVISOR ronda 3 ===== */

/* rev3b: el chevron perdía contra '#product .images-container .slick-*' (especificidad 1,2,0). Override final. */
#product .images-container button.slick-prev,
#product .images-container button.slick-next{
  background-color:#fff!important;background-repeat:no-repeat!important;
  background-position:center!important;background-size:16px 16px!important;
  border:1px solid #efe9df!important;
}
#product .images-container button.slick-prev{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M10.5%202.5%205%208l5.5%205.5%27%20fill%3D%27none%27%20stroke%3D%27%23414141%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;
}
#product .images-container button.slick-next{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M5.5%202.5%2011%208l-5.5%205.5%27%20fill%3D%27none%27%20stroke%3D%27%23414141%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important;
}

/* ===== HACIA 10 — ESTETICA CENTRADA (config-first; esto es solo refuerzo) ===== */
/* Tarjetas: alineacion IZQUIERDA coherente (v5) — se retira el centrado heredado */
.product-miniature .product-description{text-align:left}
.product-miniature .product-brand.text-left,.product-miniature .product-title.text-left{text-align:left}

.product-miniature .product-price-and-shipping{text-align:left;justify-content:flex-start}
.product-miniature .hook-reviews .grade-stars-container{justify-content:flex-start}
/* Footer: unidad de newsletter centrada (el widget ya centra el texto via CE text_align) */
#footer .newsletter-widget{align-items:center}
#footer .newsletter-form{margin-left:auto!important;margin-right:auto!important}
#footer .newsletter-info{margin-left:auto;margin-right:auto;text-align:center}
#footer .elementor-element-f5b0c04 .elementor-text-editor,
#footer .elementor-element-2c2fa9bd .elementor-text-editor{text-align:center!important}
/* Footer: titulos de columna y listas centrados */
#footer h4.widget-pklinks-title{text-align:center!important}
#footer .widget-pklinks{padding-left:0;list-style:none}
/* Fila legal: iconos de pago centrados (es flex) */
#footer .dp-pay-icons{justify-content:center}
#footer .elementor-element-773137b0 .elementor-text-editor{text-align:center!important}
/* Ficha movil/tablet: bloque de compra ALINEADO A LA IZQUIERDA (v5: se retira el centrado heredado) */
@media (max-width:1024px){
  #product .product-info-section{text-align:left}
  #product .sys-info.product-reference-top{justify-content:flex-start}
  #product .product-prices{justify-content:flex-start}
  #product .product-variants-item{text-align:left}
  #product .product-variants-item .control-label{display:block;text-align:left}
  #product .product-variants-item .form-control-select{margin-left:0;margin-right:0}
  #product .product-add-to-cart .control-label{display:block;text-align:left}
  #product .product-quantity{justify-content:flex-start}
  #product .js-product-availability{justify-content:flex-start}
  #product .product-add-comparelist,#product .product-add-favorites{justify-content:flex-start}
  #product .product-actions{text-align:left}
  /* carrusel de miniaturas: aire entre tarjetas */
  .pk-extra-slick .carousel-item{padding:0 6px;box-sizing:border-box}
}
/* ===== fin HACIA 10 estetica ===== */
/* HACIA10 estetica — remates v2 */
#footer .elementor-widget-pknewsletter .newsletter-widget{width:100%;max-width:460px;margin-left:auto;margin-right:auto}
#footer .dp-footer-logo{margin-left:auto!important;margin-right:auto!important}
/* HACIA10 estetica — remates v3 */
/* newsletter: el wrapper pk-grid partia el widget en celdas de ~184px (igual que pklinks) */
#footer .elementor-widget-pknewsletter .pk-ce-widget.pk-grid{display:block!important}
/* hero home movil: mismo criterio centrado */
@media (max-width:767px){
  #index .elementor-element-herodisco1 .elementor-text-editor{text-align:center}
  #index .elementor-element-herodisco1 .elementor-text-editor a{align-self:center!important}
}

/* ===== BENCH jul-2026: WhatsApp flotante, marcas, ofertas ===== */
/* WhatsApp: ABAJO-IZQUIERDA (los flotantes carrito/subir van a la derecha; no solapar) */
#dp-wa{position:fixed;left:18px;right:auto;bottom:24px;z-index:9990;width:54px;height:54px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .15s ease}
#dp-wa:hover{transform:scale(1.07)}
@media(max-width:767px){#dp-wa{left:12px;right:auto;bottom:80px;width:48px;height:48px}}

/* Fila de marcas: logos en gris que recuperan color al pasar */
.dp-brands-sec .pk-ce-widget img{filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s;margin:0 auto}
.dp-brands-sec .pk-ce-widget img:hover{filter:none;opacity:1}
.dp-brands-sec .slick-slide{display:flex;align-items:center;justify-content:center}

/* Tarjetas: precio anterior tachado y badge de descuento naranja */
.product-miniature .regular-price{color:#9a9a9a;text-decoration:line-through;font-size:.85em;margin-right:6px}
.product-miniature .discount-percentage,.product-miniature .product-flag.discount,
.product-flags .discount{background:#03834a;color:#fff;border-radius:6px;font-weight:700}
.product-flags li{background:#03834a;color:#fff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;list-style:none}

/* ===== BENCH jul-2026 (2): acabado de las nuevas secciones ===== */
/* sin cuenta atras encima de las fotos de tarjeta (ruido visual) */
.product-miniature .countdown{display:none!important}

/* eyebrows de las nuevas secciones (marcas + ofertas) como el resto */
#index .elementor-element-f614758 .elementor-text-editor,
#index .elementor-element-133040b .elementor-text-editor{
  font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.12em!important;color:var(--dp-green)!important;margin-bottom:6px;line-height:1.4!important;
  text-align:center;
}
/* ritmo vertical de las nuevas secciones */
#index .elementor-element-f4bfcea{padding:0 0 40px!important}
#index .elementor-element-63bfe89{padding:64px 0 4px!important}
#index .elementor-element-00b9e70{padding:16px 0 8px!important}
#index .elementor-element-f6bd64a{padding:56px 0 64px!important}
/* carrusel de marcas: altura contenida y flechas fuera */
#index .elementor-element-c7709d8 img{max-height:96px;width:auto}
#index .elementor-element-c7709d8 .slick-arrow{display:none!important}
/* botones del banner B2B/cupon: hover suave */
#index .elementor-element-3469e48 a:hover{filter:brightness(.95)}

/* ===== BENCH jul-2026 (3): flags de producto y pagina de marcas ===== */
/* el flag -15% no debe ocupar todo el ancho de la imagen */
.product-flags li, li.product-flag{display:inline-block!important;width:auto!important;max-width:max-content}
/* countdown tampoco en la ficha (la fecha de la oferta ya se ve en el precio) */
#product .product-cover .countdown, #product .countdown{display:none!important}
/* pagina /marcas: tarjetas limpias */
#manufacturer #main ul.brands{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0}
#manufacturer li.brand{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;text-align:center}
#manufacturer li.brand img{max-width:160px;height:auto;margin:0 auto}
@media(max-width:900px){#manufacturer #main ul.brands{grid-template-columns:repeat(2,1fr)}}

/* ===== v3: feedback usuario (tiles compactos centrados, botones verdes) ===== */
/* Tiles de categoría: foto a sangre (cover) con altura contenida, título centrado */
.elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image > span{
  display:block;height:150px;padding:0;overflow:hidden;
}
@media (max-width:768px){
  .elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image > span{height:120px}
}
.elementor-widget-pkcategorysubcategories .pk-subcategory .subcategory-image img{
  width:100%!important;height:100%;max-height:none;object-fit:cover;
}
.elementor-widget-pkcategorysubcategories .pk-subcategory .figcaption{
  text-align:center!important;font-size:14.5px;padding:12px 8px 14px;
}
/* Botones de acción sobre la tarjeta (hover) y corazón de favoritos: VERDE, no naranja */
.product-miniature .pm-actions .btn,
.product-miniature .pm-actions .quick-view,
.product-miniature .pm-actions .add-to-cart{
  background:#03834a!important;border-color:#03834a!important;color:#fff!important;box-shadow:0 2px 8px rgba(3,131,74,.35)!important;
}
.product-miniature .pm-actions .btn:hover,
.product-miniature .pm-actions .quick-view:hover,
.product-miniature .pm-actions .add-to-cart:hover{
  background:#026b3c!important;border-color:#026b3c!important;
}
.favoritesButton, .favorites-button{
  background:#03834a!important;border-color:#03834a!important;color:#fff!important;
}
.favoritesButton:hover{background:#026b3c!important}
.favoritesButton svg, .favorites-button svg{fill:#fff!important;stroke:#fff!important}

/* ===== v3b: hero nuevo (imagen codex) + fila de confianza grande ===== */
.dpb-hero{
  background-image:url('/img/hero-wide.jpg');background-size:cover;background-position:left center;
  border-radius:16px;min-height:clamp(340px,34vw,480px);display:flex;align-items:center;
  box-shadow:0 10px 30px rgba(0,0,0,.07);overflow:hidden;margin:6px 0 4px;
}
.dpb-hero-inner{
  margin-left:auto;width:min(600px,52%);text-align:center;padding:clamp(24px,3.5vw,48px);
}
.dpb-kicker{
  display:block;font:700 12px/1 Roboto,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:#03834a;margin-bottom:14px;
}
.dpb-hero-title{
  font-family:'Roboto Slab',Roboto,serif;font-weight:700;color:#1f1f1f;
  font-size:clamp(26px,3.2vw,42px);line-height:1.12;margin:0 0 14px;
}
.dpb-hero-sub{font:400 clamp(14px,1.3vw,17px)/1.55 Roboto,Arial,sans-serif;color:#5d5d5d;margin:0 0 22px}
.dpb-hero-actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.dpb-hero-cta{
  display:inline-block;background:#03834a;color:#fff!important;font:600 14px/1 Roboto,Arial,sans-serif;
  letter-spacing:.06em;text-transform:uppercase;padding:15px 30px;border-radius:10px;
  box-shadow:0 4px 14px rgba(3,131,74,.35);transition:background .25s ease;
}
.dpb-hero-cta:hover{background:#026b3c}
.dpb-hero-alt{font:600 14px Roboto,Arial,sans-serif;color:#026b3c!important;text-decoration:underline}
@media (max-width:820px){
  .dpb-hero{background-position:18% center;min-height:0}
  .dpb-hero-inner{
    width:100%;margin:130px 14px 14px;background:rgba(250,248,244,.94);border-radius:12px;padding:22px 18px;
  }
}
/* Fila de confianza: iconos grandes y jerarquía clara, centrada */
.dpb-trust{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 6px}
.dpb-trust-ic{width:46px;height:46px;display:block}
.dpb-trust-ic svg{width:46px;height:46px}
.dpb-trust strong{font:700 15.5px/1.3 Roboto,Arial,sans-serif;color:#1f1f1f}
.dpb-trust-sub{font:400 13px/1.45 Roboto,Arial,sans-serif;color:#6f6f6f}

/* ===== v3c: dropdown bajo su ítem + galería de ficha contenida + sin subrayado raro ===== */
/* Mega-menú: el panel se ancla BAJO el ítem hovered, no al borde izquierdo de la página */
.pk-nav .pk-nav-li{position:relative}
.pk-nav .pk-nav-li .pk-dropdown{
  width:auto!important;min-width:620px;max-width:calc(100vw - 48px);
  left:0;right:auto;top:100%;
  background:#fff;border:1px solid #efe9df;border-radius:0 0 14px 14px;
  box-shadow:0 18px 40px rgba(0,0,0,.12);padding:6px 10px;
}
/* los 3 últimos ítems abren alineados a la derecha para no salirse de la pantalla */
.pk-nav .pk-nav-li:nth-last-child(-n+3) .pk-dropdown{left:auto;right:0}
@media (max-width:1023px){
  .pk-nav .pk-nav-li .pk-dropdown{min-width:0;width:100%!important;position:static;box-shadow:none;border:0}
}
/* Ficha: galería de imágenes contenida (no gigante) y centrada */

#product .product-images-container,
#product .pm-images{max-width:760px;margin-left:auto;margin-right:auto}
#product .images-container img{max-height:820px;object-fit:contain}
@media (max-width:768px){
  #product .images-container,#product .product-images-container{max-width:100%}
  #product .images-container img{max-height:580px}
}
/* 'Añadir a favoritos' / 'Añadir a comparar': sin subrayado raro */
#product .favoritesButton, #product .favorites-button,
#product .add_to_compare, .product-actions .add_to_compare,
a.favoritesButton, a.add_to_compare{
  text-decoration:none!important;border-bottom:none!important;box-shadow:none!important;
}
#product .favoritesButton *, #product .add_to_compare *{text-decoration:none!important}
/* en la ficha el corazón/comparar como enlaces limpios (no botón verde relleno) */
#product .product-additional-info .favoritesButton,
#product .product-additional-info .add_to_compare{
  background:transparent!important;color:#414141!important;border:none!important;
}
#product .product-additional-info .favoritesButton:hover,
#product .product-additional-info .add_to_compare:hover{color:#03834a!important}

/* v3d: favoritos como enlace limpio en la FICHA (verde solo el corazón de las tarjetas) */
#product .favoritesButton:not(.pktopright),
#product a.favoritesButton:not(.pktopright){
  background:transparent!important;border:none!important;color:#414141!important;
  box-shadow:none!important;text-decoration:none!important;padding:0!important;
}
#product .favoritesButton:not(.pktopright) svg{fill:#03834a!important;stroke:#03834a!important}
#product .favoritesButton:not(.pktopright):hover{color:#03834a!important;background:transparent!important}

/* ===== v4: fix scroll horizontal + alineación coherente (feedback usuario) ===== */
/* Scroll blanco: los dropdowns ocultos asomaban por la derecha → capar ancho + clip global */
html{overflow-x:clip}
.pk-nav .pk-nav-li{position:relative}
.pk-nav .pk-nav-li .pk-dropdown{
  width:min(560px,92vw)!important;min-width:0!important;max-width:min(560px,92vw)!important;
  left:0;right:auto;
}
.pk-nav .pk-nav-li:nth-last-child(-n+4) .pk-dropdown{left:auto;right:0}

/* ============================================================================
   v5: ALINEACION COHERENTE — FICHA Y TARJETAS A LA IZQUIERDA (feedback usuario)
   Fuente de verdad unica del alineado del producto. Neutraliza el centrado
   heredado de rondas previas y del preset "smart" (generatedcss1.css centra
   .product-title/.price/.product-brand/.regular-price; varios bloques customercss
   centraban #product y .product-miniature). Va al final = maxima prioridad.
   ---------------------------------------------------------------------------- */

/* --- FICHA DE PRODUCTO: TODO el bloque de info a la IZQUIERDA (movil + desktop) --- */
#product .product-information,
#product .product-info-section,
#product .product-info-section h1,
#product .product-reference,
#product .sys-info.product-reference-top,
#product .product-prices,
#product .product-price,
#product .current-price,
#product .product-description-short,
#product .product-variants-item,
#product .product-variants-item .control-label,
#product .product-add-to-cart,
#product .product-add-to-cart .control-label,
#product .product-quantity,
#product .js-product-availability,
#product .product-availability,
#product .product-actions,
#product .product-additional-info,
#product .product-add-comparelist,
#product .product-add-favorites,
#product .blockreassurance_product{
  text-align:left!important;
}
/* filas flex de la ficha: arrancan por la izquierda (no centradas) */
#product .product-prices,
#product .sys-info.product-reference-top,
#product .product-quantity,
#product .js-product-availability,
#product .product-add-comparelist,
#product .product-add-favorites,
#product .product-add-to-cart{
  justify-content:flex-start!important;
}
/* el select de variantes no se centra con margenes auto */
#product .product-variants-item .form-control-select{margin-left:0!important;margin-right:0!important}
/* NOTA: el boton 'Anadir al carrito' conserva su etiqueta centrada DENTRO del boton
   (es full-width en movil); es intencional y no descoloca el bloque de info. */

/* --- TARJETAS DE LISTADO (.product-miniature): NUEVO LAYOUT tipo referencia.
       Fila bajo la imagen: TITULO a la IZQUIERDA / PRECIO a la DERECHA (columna).
       ACTIVO. Fuente de verdad unica del alineado de tarjeta. Sustituye el
       centrado anterior. La FICHA sigue a la IZQUIERDA (arriba, sin tocar). --- */
/* La zona de texto se convierte en una FILA: titulo (izq) + precio (der), abajo */
.product-miniature .product-description{
  display:flex!important;flex-wrap:nowrap!important;
  align-items:flex-end!important;justify-content:space-between!important;
  gap:10px!important;text-align:left!important;padding:0!important;
}
/* la descripcion corta no va en la tarjeta (rompe la fila) */
.product-miniature .product-description-short,
.product-miniature .short-desc{display:none!important}
/* TITULO: izquierda, oscuro, hasta 2 lineas, ocupa el espacio libre */
.product-miniature .product-title,
.product-miniature .product-title.text-left,
.product-miniature .product-title a{text-align:left!important}
.product-miniature .product-title{
  flex:1 1 auto!important;min-width:0!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-miniature .product-title a{
  font-family:Roboto,Arial,sans-serif!important;font-weight:500!important;
  font-size:14px!important;line-height:1.3!important;color:var(--dp-text)!important;
}
/* PRECIO: columna a la DERECHA (precio anterior arriba, actual grande abajo) */
.product-miniature .product-price-and-shipping{
  flex:0 0 auto!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
  align-items:flex-end!important;justify-content:flex-end!important;
  text-align:right!important;gap:0!important;margin:0!important;white-space:nowrap;
}
/* precio ANTERIOR (tachado): pequeno, tenue, ARRIBA. Orden natural del marcado
   (regular-price va primero, price despues) -> se anula cualquier order:-1 previo */
.product-miniature .product-price-and-shipping .regular-price{
  order:0!important;display:block!important;width:auto!important;margin:0 0 1px!important;
  color:#9a9a9a!important;text-decoration:line-through!important;
  font-size:12px!important;font-weight:400!important;line-height:1.2!important;text-align:right!important;
}
/* precio ACTUAL: grande, negrita, VERDE oficial, DEBAJO */
.product-miniature .product-price-and-shipping .price{
  order:0!important;display:block!important;width:auto!important;
  color:#03834a!important;font-weight:700!important;font-size:19px!important;line-height:1.15!important;text-align:right!important;
}
/* si el % de descuento se colara dentro del precio, se oculta (ya sale como badge) */
.product-miniature .product-price-and-shipping .discount,
.product-miniature .product-price-and-shipping .discount-percentage,
.product-miniature .product-price-and-shipping .discount-amount{display:none!important}
.product-miniature .product-price-and-shipping .idxb2b-price-hidden{width:auto!important;text-align:right!important}
.product-miniature .hook-reviews{display:none!important}

/* Ficha: precio a la IZQUIERDA (natural), NO centrado */
#product .product-prices,
#product .product-prices .current-price,
#product .current-price,
#product .product-price{justify-content:flex-start!important;text-align:left!important}

/* CAMBIO2: ocultar placeholder CE "Choose Your Image" sin configurar (nunca visible en ninguna pagina) */
img[src*="creativeelements/views/img/placeholder.png"]{display:none!important}
.payment-methods-img[src*="placeholder"]{display:none!important}

/* ============================================================================
   VERDE OFICIAL #03834a — REBRAND 2026 (rematador: va al final, maxima prioridad)
   ============================================================================ */

/* --- BOTONES FLOTANTES: hover en VERDE OFICIAL (antes el 'subir arriba' era NEGRO) --- */
.pk-fixed-button:hover,
.pk-fixed-button:focus,
.pk-fixed-button.pk-scroll-totop:hover,
.pk-fixed-button.pk-scroll-totop:focus,
.pk-fixed-button.pk-cart-button:hover,
.pk-fixed-button.pk-cookie-toggler:hover{
  background:#03834a!important;border-color:#03834a!important;color:#fff!important;
}
.pk-fixed-button:hover svg,
.pk-fixed-button:hover svg *,
.pk-fixed-button:hover .svgic,
.pk-fixed-button:hover i,
.pk-fixed-button:hover use,
.pk-fixed-button:hover path{
  fill:#fff!important;color:#fff!important;stroke:#fff!important;
}

/* --- ESCALA TIPOGRAFICA DE TITULOS COHERENTE (el usuario notaba tamanos dispares) ---
   NO cambia el diseno del footer; solo iguala tamanos de titulo. */
:root{--dp-h-section:30px;--dp-h-sub:24px;--dp-h-section-m:22px;--dp-h-sub-m:20px}
/* Tier 1 — titulos de seccion / pagina: MISMO tamano en toda la tienda */
#index .elementor-widget-heading .elementor-heading-title,
main .module-title,
h2.module-title,h4.module-title,
.page-header h1,
#category .block-category h1.hidden,
#product h1.h1,
#manufacturer #main h1,
#cms .page-cms h1,#cms h1.h1{
  font-size:var(--dp-h-section)!important;line-height:1.22!important;
}
/* Tier 2 — subtitulos de modulo (relacionados, comentarios, misma categoria): un solo tamano */
.product-comments .module-title,
.product-accessories .module-title,
.ps_featuredproducts .module-title,
.pk-carousel-categories .module-title,
.product-footer .module-title,
#cms .page-cms h2,#cms .page-cms h3{
  font-size:var(--dp-h-sub)!important;line-height:1.25!important;
}
/* Footer: titulos de COLUMNA todos al mismo tamano (armoniza, sin tocar el diseno) */
#footer .module-title span,
#footer h2.module-title span,
#footer h4.widget-pklinks-title,
#footer .widget-pklinks-title,
#footer .elementor-widget-heading .elementor-heading-title{
  font-size:13px!important;line-height:1.4!important;
}
@media (max-width:767px){
  #index .elementor-widget-heading .elementor-heading-title,
  main .module-title,h2.module-title,h4.module-title,
  .page-header h1,#category .block-category h1.hidden,#product h1.h1{
    font-size:var(--dp-h-section-m)!important;
  }
  .product-comments .module-title,.product-accessories .module-title,
  .ps_featuredproducts .module-title,.pk-carousel-categories .module-title,
  .product-footer .module-title{font-size:var(--dp-h-sub-m)!important}
}
/* ===== fin VERDE OFICIAL rebrand 2026 ===== */

/* ============================================================================
   REDISENO LAYOUT TARJETA (card-layout, jul-2026) — SOLO la miniatura del listado
   Replica la referencia: imagen grande redondeada / 4 circulos verdes al hover /
   badges pildora arriba-derecha / titulo-izq + precio-der. NO toca la FICHA ni
   el footer. Va al final = maxima prioridad.  Revertir: restaurar backup .pre-cardlayout.
   ---------------------------------------------------------------------------- */

/* la tarjeta es el contexto de posicion de badges y acciones */
.product-miniature{position:relative!important;overflow:visible!important}

/* ---- 1) IMAGEN: contenedor claro redondeado, imagen contain, ALTURA UNIFORME ---- */
.product-miniature .thumbnail-container{
  background:#ffffff!important;border-radius:14px!important;overflow:hidden!important;margin:0!important;
}
.product-miniature .thumbnail.product-thumbnail{background:transparent!important}
.product-miniature .thumbnail-container a.oh,
.product-miniature .thumbnail-container .cover-image{display:block!important;width:100%!important;background:#ffffff!important}
.product-miniature .cover-image img,
.product-miniature .thumbnail-container img.w-100,
.product-miniature .thumbnail-container picture img{
  width:100%!important;height:360px!important;object-fit:contain!important;
  background:#ffffff!important;padding:10px!important;box-sizing:border-box!important;display:block!important;
}
.product-miniature .product-desc-wrap{padding-top:12px!important}

/* ---- 2) HOVER: 4 CIRCULOS verdes IGUALES, en fila, CENTRADOS sobre la imagen ----
   Se mantiene el revelar-al-hover (opacity) definido arriba en @media(hover:hover);
   aqui solo cambia el ASPECTO a circulos centrados. En tactil siguen ocultos. */
.product-miniature .thumbnail.product-thumbnail{position:relative!important}
.product-miniature .pm-actions{
  position:absolute!important;top:50%!important;left:0!important;right:0!important;bottom:auto!important;
  transform:translateY(-50%)!important;margin:0!important;padding:0 8px!important;z-index:4!important;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:center!important;gap:10px!important;
}
/* el <form> del carrito no debe romper la fila: se comporta como un item mas */
.product-miniature .pm-actions .add-to-cart-or-refresh,
.product-miniature .pm-actions .product-add-to-cart-mini,
.product-miniature .pm-actions .product-quantity,
.product-miniature .pm-actions .product-quantity .add{
  margin:0!important;padding:0!important;border:0!important;background:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;
}
/* el corazon de favoritos deja de ir pegado arriba-derecha: entra en la fila */
.product-miniature .pm-actions .favoritesButton.pktopright,
.product-miniature .pm-actions .favoritesButton{
  position:static!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;margin:0!important;
}
/* los 4 botones -> circulos identicos, verde #03834a, icono blanco */
.product-miniature .pm-actions .quick-view,
.product-miniature .pm-actions button.add-to-cart,
.product-miniature .pm-actions .add-to-cart,
.product-miniature .pm-actions .add_to_compare,
.product-miniature .pm-actions .compare-button,
.product-miniature .pm-actions .favoritesButton{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:#03834a!important;color:#fff!important;box-shadow:0 3px 10px rgba(0,0,0,.20)!important;
  transition:background-color .2s ease,transform .2s ease!important;
}
.product-miniature .pm-actions .quick-view:hover,
.product-miniature .pm-actions button.add-to-cart:hover,
.product-miniature .pm-actions .add-to-cart:hover,
.product-miniature .pm-actions .add_to_compare:hover,
.product-miniature .pm-actions .compare-button:hover,
.product-miniature .pm-actions .favoritesButton:hover{
  background:#026b3c!important;transform:translateY(-1px)!important;
}
/* iconos blancos, tamano uniforme */
.product-miniature .pm-actions .quick-view,
.product-miniature .pm-actions button.add-to-cart,
.product-miniature .pm-actions .add_to_compare,
.product-miniature .pm-actions .favoritesButton{color:#fff!important}
.product-miniature .pm-actions svg,
.product-miniature .pm-actions .svgic{width:19px!important;height:19px!important;fill:#fff!important;color:#fff!important}
.product-miniature .pm-actions svg *,
.product-miniature .pm-actions svg use{fill:#fff!important;stroke:#fff!important;color:#fff!important}
/* que los 4 se muestren en desktop (por si alguna regla previa ocultaba compare/quickview) */
@media (hover:hover){
  .product-miniature:hover .pm-actions .quick-view,
  .product-miniature:hover .pm-actions .add_to_compare,
  .product-miniature:hover .pm-actions .compare-button,
  .product-miniature:hover .pm-actions .favoritesButton,
  .product-miniature:hover .pm-actions .product-quantity{display:flex!important}
}

/* ---- 3) BADGES: pildoras redondeadas ARRIBA-DERECHA sobre la imagen ---- */
.product-miniature .product-flags{
  position:absolute!important;top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;
  z-index:5!important;margin:0!important;padding:0!important;list-style:none!important;
  display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:6px!important;
  width:auto!important;max-width:72%!important;pointer-events:none!important;
}
.product-miniature .product-flags li,
.product-miniature .product-flags li.product-flag{
  display:inline-block!important;width:auto!important;max-width:max-content!important;float:none!important;
  border-radius:999px!important;padding:4px 11px!important;margin:0!important;
  font-size:11.5px!important;font-weight:700!important;letter-spacing:.02em!important;line-height:1.2!important;
  text-transform:none!important;box-shadow:0 2px 6px rgba(0,0,0,.10)!important;
}
/* descuento / oferta: SOLIDO verde, texto blanco */
.product-miniature .product-flags li.discount-percentage,
.product-miniature .product-flags li.discount-amount,
.product-miniature .product-flags li.discount,
.product-miniature .product-flags li.on-sale{
  background:#03834a!important;color:#fff!important;
}
/* NUEVO: pildora CLARA (verde muy palido), texto verde */
.product-miniature .product-flags li.new{
  background:#e6f2ec!important;color:#03834a!important;box-shadow:0 2px 6px rgba(3,131,74,.12)!important;
}

/* ---- 4) TACTIL / <=768: se CONSERVA el mecanismo previo -> acciones ocultas
   (no tapar la foto en movil; los 4 circulos son una funcion de HOVER de desktop).
   Se re-afirma DESPUES del display:flex de arriba para que gane en movil. ---- */
@media (hover:none),(max-width:768px){
  .product-miniature .pm-actions{display:none!important}
}
/* movil: la imagen no necesita ser tan alta */
@media (max-width:767px){
  .product-miniature .cover-image img,
  .product-miniature .thumbnail-container img.w-100,
  .product-miniature .thumbnail-container picture img{height:250px!important;padding:10px!important}
}
/* ===== fin REDISENO LAYOUT TARJETA ===== */

/* fix revisor: 4 circulos IGUALES y COMPACTOS centrados (no a todo el ancho) */
.product-miniature .pm-actions{justify-content:center!important;gap:12px!important}
.product-miniature .pm-actions>*{margin:0!important;flex:0 0 auto!important}
.product-miniature .pm-actions .quick-view,
.product-miniature .pm-actions .add_to_compare,
.product-miniature .pm-actions .favoritesButton,
.product-miniature .pm-actions .add-to-cart-or-refresh .add-to-cart,
.product-miniature .pm-actions button.add-to-cart{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;padding:0!important}
.product-miniature .pm-actions .add-to-cart-or-refresh{width:auto!important;background:transparent!important}

/* fix revisor v2: proporciones de la referencia en tarjeta estrecha + sin empuje del tema */
.product-miniature .pm-actions{gap:10px!important;padding:0!important}
.product-miniature .pm-actions>*{transform:none!important}
.product-miniature .pm-actions .quick-view,
.product-miniature .pm-actions .add_to_compare,
.product-miniature .pm-actions .favoritesButton,
.product-miniature .pm-actions .add-to-cart-or-refresh .add-to-cart,
.product-miniature .pm-actions button.add-to-cart{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
.product-miniature .pm-actions .add-to-cart-or-refresh{width:38px!important;max-width:38px!important;padding:0!important;display:flex!important;justify-content:center!important}
.product-miniature .pm-actions svg,.product-miniature .pm-actions i{max-width:16px;max-height:16px}

/* fix revisor v3: compactar tarjeta (sin vacio) y titulo-izq + precio-der en UNA linea */
.product-miniature .thumbnail-container{height:auto!important;padding-bottom:4px!important}
.product-miniature .cover-image img,
.product-miniature .thumbnail-container img.w-100,
.product-miniature .thumbnail-container picture img{height:360px!important}
.product-miniature .product-description{
  position:static!important;height:auto!important;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  justify-content:space-between!important;align-items:flex-end!important;
  gap:10px!important;margin-top:6px!important;padding:0 14px 14px!important;
}
.product-miniature .product-title{flex:1 1 auto!important;min-width:0!important;margin:0!important;text-align:left!important}
.product-miniature .product-price-and-shipping{flex:0 0 auto!important;align-items:flex-end!important;text-align:right!important}
.product-miniature .product-price-and-shipping .price{white-space:nowrap!important}


/* ===== Menú principal: cada opción en UNA línea (no partir etiquetas) ===== */
@media (min-width: 1200px) {
  .pk-nav .pk-nav-ul { flex-wrap: nowrap; column-gap: clamp(6px, 0.75vw, 26px) !important; }
  .pk-nav .pk-nav-li .pk-nav-link { white-space: nowrap; font-size: clamp(11.5px, 0.88vw, 14px) !important; }
}
@media (min-width: 1700px) {
  .pk-nav .pk-nav-ul { column-gap: 24px !important; }
}

/* ===== LOGO 103 (04/09/2026) ===== */
/* el logotipo 103 es 8,3:1 y SI tiene alfa: nada de chip blanco ni alto forzado */
#header .header_logo img.logo{width:250px!important;height:auto!important;min-width:0!important;max-width:none!important}
#footer .dp-footer-logo{filter:brightness(0) invert(1)!important;background:none!important;padding:0!important;border-radius:0!important;height:auto!important;width:210px!important;margin-bottom:16px!important}
@media (max-width:767px){
  #header .header_logo img.logo{width:200px!important}
  #footer .dp-footer-logo{width:200px!important;margin-left:auto!important;margin-right:auto!important}
}
/* ===== fin LOGO 103 ===== */

/* ===== TIPOGRAFIA DE MARCA — Guia Discopebell v1.1 (04/09/2026) =====
   Roboto Slab para titulares, en pesos ligeros (300 grandes / 400 medianos).
   Roboto para todo lo demas. Se retiran Open Sans y Tinos: no son de marca,
   ademas no se cargan y caian en fuentes del sistema.
   Se aplica igual a la web y a los modulos VERATYS. */

/* 1) titulares grandes */
.dpb-hero-title,
.dpb-advcta-title,
.vvi-title,
.vca-title,
.veratyspromotions-title,
#pkpopup-subscription h3,
.block-category h1,
.page-header h1,
#main h1.h1,
.elementor-widget-heading .elementor-heading-title{
  font-family:'Roboto Slab',Roboto,serif!important;
  font-weight:300!important;
  letter-spacing:-.02em!important;
}

/* 2) titulos medianos, de seccion y de modulo */
.module-title,
.vvi-page h2,.vvi-page h3,
.vca-page h2,.vca-q,
.elementor-text-editor h2,.elementor-text-editor h3,
.pk-aside header h3{
  font-family:'Roboto Slab',Roboto,serif!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
}

/* 3) antetitulos en mayusculas: Roboto 500 con espaciado amplio */
.widget-pklinks-title{
  font-family:Roboto,Arial,sans-serif!important;
  font-weight:500!important;
}

/* 4) restos de la plantilla que no eran de marca */
.product-miniature .product-flags li,
.header-item-counter,
.countdown > div i,
.countdown > div span{ font-family:Roboto,Arial,sans-serif!important; }
/* ===== fin TIPOGRAFIA DE MARCA ===== */

/* ===== TIPOGRAFIA DE MARCA — remate de especificidad (04/09/2026) ===== */
/* los titulares grandes mandan sobre las reglas de bloque del tema */
.elementor-text-editor .dpb-hero-title,
.dpb-hero .dpb-hero-title,
.elementor-text-editor .dpb-advcta-title,
.dpb-advcta .dpb-advcta-title,
.elementor-widget .elementor-heading-title,
h1.elementor-heading-title,h2.elementor-heading-title,h3.elementor-heading-title{
  font-family:'Roboto Slab',Roboto,serif!important;
  font-weight:300!important;
  letter-spacing:-.02em!important;
}
/* antetitulos del pie: Roboto 500 (la regla del pie era mas especifica) */
#footer .widget-pklinks-title,
#footer .pk-ce-widget .widget-pklinks-title{
  font-family:Roboto,Arial,sans-serif!important;
  font-weight:500!important;
}
/* ===== fin remate ===== */

/* ===== TIPOGRAFIA DE MARCA — remate 2: reglas antiguas con id (04/09/2026) ===== */
#index .elementor-widget-heading .elementor-heading-title,
#index .elementor-widget .elementor-heading-title,
#category .block-category h1.hidden,
#category .block-category h1{
  font-family:'Roboto Slab',Roboto,serif!important;
  font-weight:300!important;
  letter-spacing:-.02em!important;
}
/* frase grande del pie: sobre verde profundo, 400 para que no se debilite */
#footer .elementor-element-2c2fa9bd .elementor-text-editor{
  font-family:'Roboto Slab',Roboto,serif!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
}
/* ===== fin remate 2 ===== */

/* ================= QA-FIXES 06/09/2026 (revision de calidad con navegador) ================= */
/* 1) Contacto y Marcas ya no llevan bloques en la barra lateral (se retiro el
      arbol de categorias duplicado). Sin esta regla quedaria una columna
      vacia de 227 px empujando el contenido. */
body.page-contact #left-column,
body.page-manufacturer #left-column{display:none!important;}
body.page-contact #content-wrapper,
body.page-manufacturer #content-wrapper{width:100%!important;max-width:100%!important;flex:0 0 100%!important;}

/* 2) La casilla real de los formularios (13x13 px, desplazada 6 px hacia abajo)
      no cubria el cuadro que ve el cliente (16x16 px): los clics en su borde
      superior o izquierdo no hacian nada y habia que pulsar dos veces.
      Se alinea la casilla con el cuadro visible. */
.custom-checkbox input[type='checkbox'],
.custom-checkbox input[type='radio']{
  width:16px;height:16px;left:0;top:0;padding:0;margin:4px 0 0 0!important;
}
#left-column .pk-checkbox .facet-label .custom-checkbox input[type='checkbox'],
#left-column .pk-checkbox .facet-label .custom-checkbox input[type='radio'],
#left-column .custom-checkbox input[type='checkbox'],
#left-column .custom-checkbox input[type='radio']{
  width:100%;height:100%;min-width:16px;min-height:16px;left:0;top:0;margin:0!important;
}
/* ================= fin QA-FIXES 06/09/2026 ================= */

/* QA-FIXES 06/09/2026 (2): sin clave de Google Maps el mapa esta apagado; el
   formulario de contacto ocupaba solo media pagina y dejaba el hueco del mapa
   en blanco. Cuando vuelva a haber mapa, esta regla se desactiva sola. */
.contact-page:not(:has(.contact-form-map)) > section{
  flex:0 0 100%!important;max-width:820px!important;width:100%!important;margin-left:auto;margin-right:auto;
}