/* ═══════════════════════════════════════════════
   DD143 v10.1 — Mobile-first Professional
   ═══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box}
.dd143-wrap,.dd143-wrap *{font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif}

/* ── LAYOUT ── */
.dd143-wrap{display:grid;grid-template-columns:240px 1fr;grid-template-areas:"side main";column-gap:24px;align-items:start;width:100%;position:relative}
.dd143-wrap:not(.dd143-has-sidebar){grid-template-columns:1fr;grid-template-areas:"main"}
.dd143-side{grid-area:side}
.dd143-main{grid-area:main;min-width:0;overflow:hidden}
.dd143-veil{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998}
.dd143-veil.show{display:block}

/* ── SIDEBAR ── */
.dd143-side{position:sticky;top:80px;background:#fff;border:1px solid #eef0f3;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.dd143-group{border-bottom:1px solid #f3f4f6}
.dd143-group:last-child{border-bottom:none}
.dd143-h{padding:12px 14px 6px}
.dd143-h h5{margin:0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}
.dd143-b{padding:4px 14px 12px}
.dd143-input,.dd143-select{width:100%;height:36px;padding:0 10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.82rem;outline:none;transition:border-color .2s}
.dd143-input:focus,.dd143-select:focus{border-color:#FF9A00}
.dd143-orderline{display:flex;flex-direction:column;gap:6px}
.dd143-btn{height:34px;padding:0 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .15s;width:100%}
.dd143-btn.apply{background:#FF9A00;color:#fff}
.dd143-btn.clear{background:#f3f4f6;color:#374151}
.dd143-btn:hover{opacity:.85}
.dd143-parent{margin-bottom:2px}
.dd143-parent-h{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:.83rem;font-weight:600;color:#111827;cursor:pointer}
.dd143-caret{font-size:1.1rem;color:#d1d5db;transition:transform .2s}
.dd143-parent.open .dd143-caret{transform:rotate(90deg)}
.dd143-sub{display:none;flex-direction:column;gap:4px;padding:2px 0 6px 8px}
.dd143-parent.open .dd143-sub{display:flex}
.dd143-check{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0}
.dd143-check span{font-size:.79rem;color:#4b5563}
.dd143-check input{accent-color:#FF9A00;width:14px;height:14px}
.dd143-chem{display:flex;gap:5px;flex-wrap:wrap}
.dd143-chip{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 9px;border-radius:13px;background:#f3f4f6;border:1.5px solid #e5e7eb;font-size:.73rem;font-weight:700;color:#374151;cursor:pointer;transition:all .15s}
.dd143-chip.active{background:#FF9A00;border-color:#FF9A00;color:#fff}

/* ── MAIN ── */
/* Título — tamaño normal, no enorme */
.dd143-section-title{
  display:flex;align-items:center;gap:10px;
  font-size:.95rem;font-weight:800;color:#0d1b2a;
  margin:0 0 14px;padding:0;letter-spacing:-.01em;
  border-bottom:1px solid #f3f4f6;padding-bottom:10px;
}
.dd143-section-title::before{content:'';display:block;width:4px;height:18px;background:#FF9A00;border-radius:3px;flex-shrink:0}
.dd143-section-title--brands{margin-top:24px}
.dd143-banner{border-radius:12px;overflow:hidden;margin-bottom:16px}
.dd143-banner img{width:100%;height:auto;display:block}

/* ── BARRA MÓVIL — solo chips, sin botón filtrar ── */
.dd143-mbar{
  display:none;margin-bottom:12px;
  overflow-x:auto;scrollbar-width:none;
}
.dd143-mbar::-webkit-scrollbar{display:none}
.dd143-cat-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.dd143-cat-chips::-webkit-scrollbar{display:none}
.dd143-cat-chip{
  display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;
  background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;
  padding:5px 13px;font-size:.78rem;font-weight:600;color:#374151;cursor:pointer;
  transition:all .15s;
}
.dd143-cat-chip.active{background:#0d1b2a;border-color:#0d1b2a;color:#fff}

/* ── FILA DE SCROLL ── */
.dd143-row-wrap{margin-bottom:18px}
.dd143-row-scroll{
  overflow-x:auto;overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;
  width:100%;padding-bottom:6px;cursor:grab;
}
.dd143-row-scroll::-webkit-scrollbar{display:none}
.dd143-row-scroll:active,.dd143-row-scroll.is-dragging{cursor:grabbing}

/* ── UL FLEX HORIZONTAL ── */
.dd143-row-list{
  display:flex !important;flex-direction:row !important;
  flex-wrap:nowrap !important;align-items:stretch !important;
  gap:10px !important;list-style:none !important;
  padding:4px 2px !important;margin:0 !important;
  width:max-content !important;min-width:100% !important;
}

/* ── TARJETA ── */
.dd143-row-list>li.product{
  flex:0 0 200px !important;width:200px !important;min-width:0 !important;
  background:#fff !important;border:1px solid rgba(0,0,0,.08) !important;
  border-radius:12px !important;box-shadow:0 1px 4px rgba(0,0,0,.05) !important;
  overflow:hidden !important;display:flex !important;flex-direction:column !important;
  transition:box-shadow .18s,transform .14s !important;cursor:pointer !important;list-style:none !important;
}
.dd143-row-list>li.product:hover{box-shadow:0 6px 18px rgba(0,0,0,.1) !important;transform:translateY(-2px) !important}
.dd143-row-list>li.product a img{
  display:block !important;width:100% !important;height:auto !important;
  aspect-ratio:1/1 !important;object-fit:contain !important;object-position:center !important;
  padding:12px !important;background:#f5f7fa !important;
  border:none !important;border-radius:0 !important;box-shadow:none !important;
}
.dd143-row-list>li.product .woocommerce-loop-product__title{
  font-size:.78rem !important;font-weight:700 !important;line-height:1.4 !important;
  color:#111827 !important;padding:8px 10px 10px !important;margin:0 !important;
  background:transparent !important;text-align:center !important;
  display:-webkit-box !important;-webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;overflow:hidden !important;
}

/* OCULTAR precios, botones, paginación */
.dd143-row-list li.product .price,
.dd143-row-list li.product ins,
.dd143-row-list li.product del,
.dd143-row-list li.product .amount,
.dd143-row-list li.product a.button,
.dd143-row-list li.product .button,
.dd143-row-list li.product .add_to_cart_button,
.dd143-row-list li.product .added_to_cart,
.dd143-row-list li.product .star-rating,
.dd143-row-list li.product .woocommerce-loop-product__rating,
.dd143-row-list li.product form.cart,
.dd143-row-list li.product .yith-wcwl-add-to-wishlist,
.dd143-pag,.dd143-pagination,nav.woocommerce-pagination{
  display:none !important;height:0 !important;overflow:hidden !important;margin:0 !important;padding:0 !important;
}

/* ── MARCAS ── */
.dd143-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;align-items:center;margin-bottom:24px}
.dd143-brand{display:flex;align-items:center;justify-content:center}
.dd143-brand img{max-height:32px;width:auto;filter:grayscale(20%);opacity:.8;transition:all .2s}
.dd143-brand:hover img{filter:none;opacity:1}

/* ════ RESPONSIVE ════ */
@media(max-width:1100px){
  .dd143-wrap.dd143-has-sidebar{grid-template-columns:200px 1fr}
  .dd143-row-list>li.product{flex:0 0 175px !important;width:175px !important}
}
@media(max-width:900px){
  /* Sidebar como drawer */
  .dd143-wrap.dd143-has-sidebar{display:block !important}
  .dd143-mbar{display:block !important}
  .dd143-side{
    position:fixed !important;top:0 !important;left:0 !important;
    height:100dvh !important;width:82vw !important;max-width:300px !important;
    z-index:9999 !important;overflow-y:auto !important;
    transform:translateX(-110%) !important;
    transition:transform .28s cubic-bezier(.4,0,.2,1) !important;
    border-radius:0 16px 16px 0 !important;border-left:none !important;
  }
  .dd143-side.open{transform:translateX(0) !important}
  .dd143-row-list>li.product{flex:0 0 160px !important;width:160px !important}
  .dd143-section-title{font-size:.9rem !important}
}
@media(max-width:600px){
  .dd143-row-list>li.product{flex:0 0 145px !important;width:145px !important}
  .dd143-row-list>li.product a img{padding:8px !important}
  .dd143-row-list>li.product .woocommerce-loop-product__title{font-size:.73rem !important;padding:6px 8px 8px !important}
  .dd143-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .dd143-section-title{font-size:.85rem !important}
}
@media(max-width:400px){
  .dd143-row-list>li.product{flex:0 0 130px !important;width:130px !important}
  .dd143-brands{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ═══ MEJORAS v10.2 ═══ */

/* ── SEARCH mejorado en PC ── */
.dd143-search-box{position:relative;margin-bottom:4px;}
.dd143-input{
  width:100%;height:40px;padding:0 14px 0 38px;
  background:#f8f9fa;border:1.5px solid #e9ecef;
  border-radius:10px;font-size:.83rem;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.dd143-input:focus{
  border-color:#FF9A00;
  box-shadow:0 0 0 3px rgba(255,154,0,.12);
  background:#fff;
}
.dd143-search-icon{
  position:absolute;left:11px;top:50%;transform:translateY(-50%);
  color:#9ca3af;font-size:.85rem;pointer-events:none;
}
.dd143-btn.apply{
  width:100%;height:40px;background:#FF9A00;color:#fff;
  border:none;border-radius:10px;font-weight:700;font-size:.85rem;
  cursor:pointer;margin-top:6px;transition:background .15s,box-shadow .15s;
  box-shadow:0 2px 8px rgba(255,154,0,.3);
}
.dd143-btn.apply:hover{background:#e88c00;box-shadow:0 4px 14px rgba(255,154,0,.4);}
.dd143-btn.clear{
  width:100%;height:36px;background:#f3f4f6;color:#6b7280;
  border:1.5px solid #e5e7eb;border-radius:10px;font-size:.82rem;
  font-weight:600;cursor:pointer;margin-top:4px;transition:all .15s;
}
.dd143-btn.clear:hover{background:#e9ecef;color:#374151;}
.dd143-orderline{display:flex;flex-direction:column;gap:0;}
.dd143-select{
  width:100%;height:38px;padding:0 10px;
  background:#f8f9fa;border:1.5px solid #e9ecef;
  border-radius:10px;font-size:.82rem;margin-bottom:6px;
}

/* ── MARCAS PC: grid con logos grandes ── */
.dd143-brands-pc{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px 24px;
  align-items:center;
  justify-items:center;
  margin-bottom:20px;
}
.dd143-brands-pc .dd143-brand{
  display:flex;align-items:center;justify-content:center;
  padding:12px 16px;background:#f8f9fa;border-radius:10px;
  width:100%;transition:background .15s;
}
.dd143-brands-pc .dd143-brand:hover{background:#f0f2f5;}
.dd143-brands-pc .dd143-brand img{
  max-height:38px;width:auto;max-width:100%;
  filter:grayscale(15%);opacity:.85;transition:all .2s;
}
.dd143-brands-pc .dd143-brand:hover img{filter:none;opacity:1;}

/* ── MARCAS MÓVIL: scroll horizontal chips ── */
.dd143-brands-mobile{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:4px 2px 8px;
}
.dd143-brands-mobile::-webkit-scrollbar{display:none;}
.dd143-brand-chip{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  min-width:90px;
  background:#fff;
  border:1.5px solid #e9ecef;
  border-radius:12px;
  padding:10px 8px 6px;
  text-decoration:none;
  transition:box-shadow .15s;
}
.dd143-brand-chip:hover{box-shadow:0 3px 10px rgba(0,0,0,.1);}
.dd143-brand-chip img{max-height:28px;width:auto;max-width:75px;object-fit:contain;}
.dd143-brand-chip span{
  font-size:.62rem;font-weight:600;color:#6b7280;margin-top:5px;
  text-align:center;white-space:nowrap;
}

/* Mostrar/ocultar según pantalla */
.dd143-brands-pc    {display:grid!important;}
.dd143-brands-mobile{display:none!important;}

@media(max-width:900px){
  .dd143-brands-pc    {display:none!important;}
  .dd143-brands-mobile{display:flex!important;}
}

/* ── v10.3 FIXES ── */

/* Search: campo más limpio con icono posicionado */
.dd143-search-box { position:relative; }
.dd143-search-icon {
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  font-size:.85rem; line-height:1; pointer-events:none; z-index:1;
  color:#9ca3af;
}
.dd143-input {
  width:100%; height:40px;
  padding:0 12px 0 36px !important;
  background:#f8f9fa; border:1.5px solid #e9ecef;
  border-radius:10px; font-size:.82rem; outline:none;
  transition:border-color .2s, box-shadow .2s;
  color:#111827;
}
.dd143-input::placeholder { color:#b0b8c1; }
.dd143-input:focus {
  border-color:#FF9A00 !important;
  box-shadow:0 0 0 3px rgba(255,154,0,.13);
  background:#fff;
}

/* Texto centrado tarjeta - refuerzo */
.dd143-row-list > li.product .woocommerce-loop-product__title,
ul.dd143-row-list li.product h2,
ul.dd143-row-list li.product h3 {
  text-align:center !important;
}

/* Chips Nutrición — más visibles y clicables */
.dd143-chem { display:flex; gap:5px; flex-wrap:wrap; padding:2px 0; }
.dd143-chip {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:32px; height:30px; padding:0 10px;
  border-radius:15px; cursor:pointer; user-select:none;
  background:#f3f4f6; border:1.5px solid #e5e7eb;
  font-size:.75rem; font-weight:700; color:#374151;
  transition:all .15s; -webkit-tap-highlight-color:transparent;
}
.dd143-chip:hover { background:#e9ecef; border-color:#d1d5db; }
.dd143-chip.active { background:#FF9A00 !important; border-color:#FF9A00 !important; color:#fff !important; }

/* Categorías — estilos más claros */
.dd143-parent { border-radius:6px; }
.dd143-parent.open > .dd143-parent-h { color:#FF9A00; }
.dd143-parent-h { cursor:pointer; padding:8px 2px; user-select:none; -webkit-tap-highlight-color:transparent; }
.dd143-sub { padding-left:10px; }
.dd143-check { padding:3px 0; }
.dd143-check input[type=checkbox] { cursor:pointer; flex-shrink:0; }

/* Select de orden */
.dd143-select {
  width:100%; height:38px; padding:0 10px;
  background:#f8f9fa; border:1.5px solid #e9ecef;
  border-radius:10px; font-size:.82rem; outline:none;
  margin-bottom:6px; color:#374151;
  transition:border-color .2s;
}
.dd143-select:focus { border-color:#FF9A00; }

/* Botón apply reforzado */
.dd143-btn.apply {
  display:block; width:100%; height:40px;
  background:#FF9A00 !important; color:#fff !important;
  border:none; border-radius:10px;
  font-weight:700; font-size:.85rem; cursor:pointer;
  margin-top:4px;
  box-shadow:0 2px 8px rgba(255,154,0,.28);
  transition:background .15s, box-shadow .15s;
}
.dd143-btn.apply:hover { background:#e88c00 !important; box-shadow:0 4px 14px rgba(255,154,0,.38); }
.dd143-btn.clear {
  display:block; width:100%; height:36px;
  background:#f3f4f6 !important; color:#6b7280 !important;
  border:1.5px solid #e5e7eb !important; border-radius:10px;
  font-size:.82rem; font-weight:600; cursor:pointer; margin-top:4px;
}
.dd143-btn.clear:hover { background:#e9ecef !important; color:#374151 !important; }

/* ══ v10.4 — Botones, Pallets, Banners ══ */

/* Botones Apply + Clear lado a lado */
.dd143-btn-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 6px;
}
.dd143-btn-row .dd143-btn {
  width: 100%;
  height: 38px;
  font-size: .82rem;
}
.dd143-btn-row .dd143-btn.apply {
  background: #FF9A00 !important;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(255,154,0,.25);
}
.dd143-btn-row .dd143-btn.apply:hover { background: #e88c00 !important; }
.dd143-btn-row .dd143-btn.clear {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 10px;
  font-weight: 600;
}
.dd143-btn-row .dd143-btn.clear:hover { background: #e9ecef !important; }

/* ── SHOP BY PALLETS & CONTAINERS ── */
.dd143-pallets-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-bottom: 24px;
}
.dd143-pallet-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eaecef;
  background: #f8f9fa;
  transition: box-shadow .18s, transform .14s;
}
.dd143-pallet-card:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.1);
  transform: translateY(-2px);
}
.dd143-pallet-img {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #f0f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dd143-pallet-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  display: block;
}
.dd143-pallet-label {
  font-size: .82rem;
  font-weight: 600;
  color: #374151;
  text-align: center;
  padding: 10px 10px 12px;
  font-style: italic;
}

@media(max-width:600px){
  .dd143-pallets-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
  .dd143-pallet-label { font-size: .72rem; padding: 6px 6px 8px; }
}

/* ── BANNERS PERSONALIZADOS ── */
.dd143-custom-banner { margin-bottom: 16px; }
.dd143-banner-link { display: block; }
.dd143-banner-link img { width: 100%; display: block; border-radius: 10px; }

/* ══ v10.5 — Slider vertical sidebar + Banner principal ══ */

/* ── SLIDER VERTICAL SIDEBAR ── */
.dd143-side-slider {
  margin-top: 4px;
  overflow: hidden;
  border-radius: 10px;
}
.dd143-side-slides {
  position: relative;
  width: 100%;
}
.dd143-side-slide {
  display: none;
  width: 100%;
}
.dd143-side-slide.active {
  display: block;
}
.dd143-side-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.dd143-side-slide a {
  display: block;
  line-height: 0;
}

/* Dots del slider */
.dd143-side-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 8px 0 4px;
}
.dd143-side-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
  transition: background .2s, transform .2s;
  display: inline-block;
}
.dd143-side-dot.active {
  background: #FF9A00;
  transform: scale(1.25);
}

/* ── BANNER PRINCIPAL: no recortar ── */
.dd143-banner {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  line-height: 0;
  /* El tamaño se controla vía CSS dinámico del admin */
}
.dd143-banner img {
  width: 100%;
  display: block;
  /* height y object-fit desde CSS dinámico */
}
/* Si viene de Elementor, no limitar altura (el elementor maneja su propio sizing) */
.dd143-banner .elementor-widget-image img,
.dd143-banner .elementor-section {
  height: auto !important;
  max-height: none !important;
}

/* ══════════════════════════════════════
   DD143 v10.6 — UI Refinements
   ══════════════════════════════════════ */

/* ── 2. BOTONES Apply/Clear — centrados + hover profesional ── */
.dd143-btn-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-top: 8px !important;
}
.dd143-btn-row .dd143-btn {
  width: 100% !important;
  height: 40px !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  letter-spacing: .02em !important;
  transition: background .18s, box-shadow .18s, transform .12s !important;
  border: none !important;
  outline: none !important;
}
.dd143-btn-row .dd143-btn.apply {
  background: linear-gradient(135deg, #FF9A00, #FF7B00) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(255,130,0,.30) !important;
}
.dd143-btn-row .dd143-btn.apply:hover {
  background: linear-gradient(135deg, #FF8800, #e06800) !important;
  box-shadow: 0 4px 14px rgba(255,120,0,.40) !important;
  transform: translateY(-1px) !important;
}
.dd143-btn-row .dd143-btn.apply:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(255,120,0,.30) !important;
}
.dd143-btn-row .dd143-btn.clear {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  border: 1.5px solid #e5e7eb !important;
}
.dd143-btn-row .dd143-btn.clear:hover {
  background: #e5e7eb !important;
  color: #374151 !important;
  border-color: #d1d5db !important;
  transform: translateY(-1px) !important;
}

/* ── 3. NUTRITION — 2 filas de 4, diseño mejorado ── */
.dd143-chem {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  padding: 2px 0 !important;
}
.dd143-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  width: 100% !important;
  border-radius: 8px !important;
  background: #f3f4f6 !important;
  border: 1.5px solid #e5e7eb !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #374151 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all .15s !important;
  letter-spacing: .02em !important;
}
.dd143-chip:hover {
  background: #e9ecef !important;
  border-color: #FF9A00 !important;
  color: #FF9A00 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(255,154,0,.15) !important;
}
.dd143-chip.active {
  background: linear-gradient(135deg, #FF9A00, #FF7B00) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(255,130,0,.30) !important;
}
.dd143-chip.active:hover {
  background: linear-gradient(135deg, #FF8800, #e06800) !important;
  transform: translateY(-1px) !important;
}

/* ── 4. LÍNEA ANTES DEL TÍTULO (estilo imagen 4/5/6) ── */
.dd143-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  color: #0d1b2a !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  letter-spacing: -.01em !important;
  border-bottom: none !important;
}
/* Línea horizontal naranja a la izquierda del texto */
.dd143-section-title::before {
  content: '' !important;
  display: inline-block !important;
  width: 28px !important;   /* longitud de la línea */
  height: 3px !important;
  background: #FF9A00 !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
}

/* ── 5. PALLETS — tarjetas con imagen correctamente cargada ── */
.dd143-pallet-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #eaecef !important;
  background: #f8f9fa !important;
  transition: box-shadow .18s, transform .14s !important;
}
.dd143-pallet-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.1) !important;
  transform: translateY(-2px) !important;
}
.dd143-pallet-img {
  width: 100% !important;
  aspect-ratio: 4/3 !important;
  overflow: hidden !important;
  background: #f0f2f5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.dd143-pallet-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 16px !important;
  display: block !important;
}
.dd143-pallet-label {
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #FF9A00 !important; /* naranja como en la referencia */
  text-align: center !important;
  padding: 10px 12px 14px !important;
  font-style: normal !important;
}

/* ── v10.7: Pallets placeholder ── */
.dd143-pallet-ph {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2.5rem;
  color: #adb5bd;
  gap: 8px;
  padding: 24px;
}
.dd143-pallet-ph span {
  font-size: .75rem;
  font-weight: 600;
  color: #9ca3af;
  text-align: center;
}

/* ── SIDE BANNER (elementor template) ── */
.dd143-side-banner {
  margin-top: 8px;
  border-radius: 10px;
  overflow: hidden;
  line-height: 0;
}
.dd143-side-banner img,
.dd143-side-banner .elementor-widget-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 10px !important;
}

/* ══ v10.8 — Nutrition spacing + Pallets hover ══ */

/* 1. Nutrition — espacio en los bordes del grupo */
.dd143-group .dd143-b.dd143-chem {
  padding: 4px 14px 14px !important;
}
.dd143-chem {
  gap: 7px !important;
}

/* 2. Pallets — hover mejorado */
.dd143-pallet-card,
.dd143-pallet-item {
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow .22s, transform .18s !important;
}
.dd143-pallet-card::after,
.dd143-pallet-item::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255,154,0,.10), rgba(255,154,0,.03)) !important;
  opacity: 0 !important;
  transition: opacity .22s !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
.dd143-pallet-card:hover,
.dd143-pallet-item:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  transform: translateY(-4px) !important;
  border-color: rgba(255,154,0,.35) !important;
}
.dd143-pallet-card:hover::after,
.dd143-pallet-item:hover::after {
  opacity: 1 !important;
}
.dd143-pallet-card:hover .dd143-pallet-label,
.dd143-pallet-item:hover .dd143-pallet-title {
  color: #e07b00 !important;
}
