/* ======= CONTENIDO ORIGINAL (se mantiene) ======= */
.capacidad-resumen-box{background-color:#F1E7D7 !important;padding:15px;border-radius:8px;margin-top:20px;border:1px solid #ead7bd;font-size:14px}
.capacidad-resumen-box ul{padding-left:20px;margin-top:10px}
.capacidad-resumen-box li{margin-bottom:5px}
.conversion-info{margin-top:10px;color:#b56e15;font-style:italic}
.cutebox-fab,.cutebox-fab-button,#popup-background,#selection-popup,#close-popup{display:none!important}
#selection-inline{min-height:20vh;height:auto;max-height:55vh;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:12px 16px}
#selection-inline>h3{top:0;z-index:1;margin:0 0 6px;padding:6px 0}
#current-selection li{margin:6px 0}
#current-selection img.product-image{width:40px;height:40px}
#box-capacity-summary{margin-top:10px!important;padding:10px!important}
.cutebox-icon{width:32px;height:32px;flex-shrink:0}
.cutebox-label{display:block;line-height:1.2}
/* grid de cajas */
.grid-cajas{display:flex;flex-wrap:wrap;gap:20px}
.grid-cajas .product-item{width:calc(25% - 20px);box-sizing:border-box}
@media (max-width:1024px){.grid-cajas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid-cajas{grid-template-columns:1fr}}
.grid-cajas .slick-arrow{display:none!important}
.cute-box-div.invisible{visibility:hidden!important;opacity:0!important}
.cute-box-div{visibility:visible}
.product-item{position:relative}
.product-view-link:hover span{filter:brightness(.8)}
.product-item{display:flex;align-items:flex-start;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;padding:15px;transition:box-shadow .3s}
.product-item.product-item-no-padding{padding:0!important;margin:0!important}
.product-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}
.product-image{width:100px;height:100px;object-fit:cover;margin-right:15px;border-radius:5px}
.product-details{flex-grow:1}
.product-details h4{margin:0 0 10px}
.product-selection .product-item{position:relative}
.product-selection .product-item input[type="checkbox"],
.product-selection .product-item input[type="radio"]{position:absolute;left:1%;z-index:4}
.variation-select{display:none;margin-bottom:10px}
#selection-popup{box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:5px}
.progress-bar{margin:20px 0}
.progress-bar ul{list-style:none;padding:0;display:flex;justify-content:space-between}
.progress-bar li{text-align:center;flex:1;position:relative}
.step-image{background-color:rgba(0,0,0,.1);border-radius:5px;padding:5px;margin-bottom:5px}
.step-number{font-size:24px;font-weight:700;color:#0073aa}
.step-name{font-size:14px;color:#555}
.step.active .step-image{background-color:#0073aa}
.step.active .step-number{color:#fff}
.step.active{background-color:#0073aa;border-radius:5px;padding:10px;color:#fff}
.product-selection input[type="radio"],.product-selection input[type="checkbox"]{margin-bottom:10px;display:block}
button{padding:10px 15px;background-color:#0073aa;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}
button:hover{background-color:#005177}
textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;resize:none}
#step-4{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
#step-4 h3{color:#333;margin-bottom:15px}
#summary-selection{background:#fff;border:1px solid #ccc;border-radius:5px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}
#summary-selection ul{list-style:none;padding:0}
#summary-selection li{display:grid;grid-template-columns:60px auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e0e0e0}
#summary-selection li img.product-image{width:50px;height:50px;object-fit:cover;border-radius:8px}
#summary-selection li strong{font-weight:600}
#summary-selection li.summary-item{grid-template-columns:1fr;padding-left:5px;margin-bottom:0!important}
#summary-selection li:not(:has(img)){grid-template-columns:1fr;font-weight:700;font-size:1.05em;border-bottom:none;padding:14px 0 5px}
#summary-selection img{width:100px!important;height:100px!important;border-radius:5px;margin-right:10px}
#selection-popup{background:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);width:90%;z-index:1001}
#selection-popup h3{color:#333;margin-bottom:15px}
#current-selection{padding:8px;max-height:250px!important;overflow:auto!important}
#close-popup{display:inline-block;transition:background-color .3s;position:fixed;top:5%;right:2%;cursor:pointer;color:#9d9e9e;text-transform:uppercase;font-family:"Darker Grotesque",Sans-serif;font-size:18px;font-weight:800;border:2px solid #9d9e9e;border-radius:50%;opacity:.7;z-index:2;background:0 0;padding:0 9px 2px}
#close-popup:hover{opacity:1}
#popup-background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:999}
.product-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#555;margin:5px 0}
/* tarjetas / flores / listones */
.tarjeta_1,.tarjeta_2,.tarjeta_3,.tarjeta_4,.tarjeta_5,.tarjeta_6,.tarjeta_7,.tarjeta_8,.tarjeta_9,.tarjeta_10,.tarjeta_11,.tarjeta_12,.tarjeta_13{background-size:contain!important}
.tarjeta_1{background:url(/wp-content/uploads/2025/03/1-1-scaled.jpg) no-repeat center}
.tarjeta_2{background:url(/wp-content/uploads/2025/03/2-1-scaled.jpg) no-repeat center}
.tarjeta_3{background:url(/wp-content/uploads/2025/03/3-scaled.jpg) no-repeat center}
.tarjeta_4{background:url(/wp-content/uploads/2025/03/4-scaled.jpg) no-repeat center}
.tarjeta_5{background:url(/wp-content/uploads/2025/03/5-scaled.jpg) no-repeat center}
.tarjeta_6{background:url(/wp-content/uploads/2025/03/6-scaled.jpg) no-repeat center}
.tarjeta_7{background:url(/wp-content/uploads/2025/03/7-scaled.jpg) no-repeat center}
.tarjeta_8{background:url(/wp-content/uploads/2025/03/8-scaled.jpg) no-repeat center}
.tarjeta_9{background:url(/wp-content/uploads/2025/03/9-scaled.jpg) no-repeat center}
.tarjeta_10{background:url(/wp-content/uploads/2025/03/10-scaled.jpg) no-repeat center}
.tarjeta_11{background:url(/wp-content/uploads/2025/03/11-scaled.jpg) no-repeat center}
.tarjeta_12{background:url(/wp-content/uploads/2025/03/12-scaled.jpg) no-repeat center}
.tarjeta_13{background:url(/wp-content/uploads/2025/03/13-scaled.jpg) no-repeat center}
.flor_1,.flor_2,.flor_3,.flor_4,.flor_5,.flor_6,.flor_7,.flor_8{background-size:contain!important}
.flor_1{background:url(/wp-content/uploads/2025/03/FLOR-AZUL.png) no-repeat center}
.flor_2{background:url(/wp-content/uploads/2025/03/FLOR-CAFE.png) no-repeat center}
.flor_3{background:url(/wp-content/uploads/2025/03/FLOR-FUCSIA.png) no-repeat center}
.flor_4{background:url(/wp-content/uploads/2025/03/FLOR-MORADA.png) no-repeat center}
.flor_5{background:url(/wp-content/uploads/2025/03/FLOR-ROJA.png) no-repeat center}
.flor_6{background:url(/wp-content/uploads/2025/03/FLOR-ROSADA.png) no-repeat center}
.flor_7{background:url(/wp-content/uploads/2025/03/FLOR.png) no-repeat center}
.flor_8{background:url(/wp-content/uploads/2025/03/FLOR-AMARILLA.png) no-repeat center}
.list_n_1,.list_n_2,.list_n_3,.list_n_4,.list_n_5,.list_n_6,.list_n_7,.list_n_8,.list_n_9,.list_n_10,.list_n_11,.list_n_12,.list_n_13,.list_n_14,.list_n_15,.list_n_16,.list_n_17,.list_n_18,.list_n_19,.list_n_20,.list_n_21,.list_n_22{background-size:contain!important}
.list_n_1{background:url(/wp-content/uploads/2025/03/rojo.png) no-repeat center}
.list_n_2{background:url(/wp-content/uploads/2025/03/rosa-palo.png) no-repeat center}
.list_n_3{background:url(/wp-content/uploads/2025/03/rosado.png) no-repeat center}
.list_n_4{background:url(/wp-content/uploads/2025/03/turquesa.png) no-repeat center}
.list_n_5{background:url(/wp-content/uploads/2025/03/verde-manzana.png) no-repeat center}
.list_n_6{background:url(/wp-content/uploads/2025/03/verde-musgo.png) no-repeat center}
.list_n_7{background:url(/wp-content/uploads/2025/03/verde-quetzal.png) no-repeat center}
.list_n_8{background:url(/wp-content/uploads/2025/03/amarillo.png) no-repeat center}
.list_n_9{background:url(/wp-content/uploads/2025/03/anaranjado.png) no-repeat center}
.list_n_10{background:url(/wp-content/uploads/2025/03/azul-marino.png) no-repeat center}
.list_n_11{background:url(/wp-content/uploads/2025/03/azul-pavo.png) no-repeat center}
.list_n_12{background:url(/wp-content/uploads/2025/03/beige.png) no-repeat center}
.list_n_13{background:url(/wp-content/uploads/2025/03/blanco.png) no-repeat center}
.list_n_14{background:url(/wp-content/uploads/2025/03/cafe.png) no-repeat center}
.list_n_15{background:url(/wp-content/uploads/2025/03/celeste.png) no-repeat center}
.list_n_16{background:url(/wp-content/uploads/2025/03/corinto.png) no-repeat center}
.list_n_17{background:url(/wp-content/uploads/2025/03/dorado.png) no-repeat center}
.list_n_18{background:url(/wp-content/uploads/2025/03/lila.png) no-repeat center}
.list_n_19{background:url(/wp-content/uploads/2025/03/menta.png) no-repeat center}
.list_n_20{background:url(/wp-content/uploads/2025/03/morado.png) no-repeat center}
.list_n_21{background:url(/wp-content/uploads/2025/03/negro.png) no-repeat center}
.list_n_22{background:url(/wp-content/uploads/2025/03/plateado.png) no-repeat center}
label input{margin-left:10px;margin-top:15px}
.marketplace-filter{display:flex;flex-direction:row;margin-bottom:20px}
.marketplace-filter .item-filtro{width:30%;margin-right:15px;font-family:"Darker Grotesque";font-size:18px}
.marketplace-filter .item-filtro select{background:#F1E7D7;border:none;border-radius:4px}

/* ======= NAV FLOTANTE (PASOS 1–2) ======= */
@media (min-width:1025px){
  /* Estado flotante: por JS añadiremos .cbx-float a cada botón */
  #prev-step.cbx-float, #next-step.cbx-float{
    position: fixed;
    top: var(--cbx-nav-top, 170px);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
  }
  /* Visibles dentro del rango */
  #prev-step.cbx-on, #next-step.cbx-on{ opacity:1; pointer-events:auto; }

  /* Prev a la izquierda, Next a la derecha.
     (left/right exactos los pone el JS en línea) */
  #prev-step.cbx-float{ right:auto; }
  #next-step.cbx-float{ left:auto; }
}
@media (max-width:1024px){
  /* En móvil no flotan (comportamiento original) */
  #prev-step.cbx-float, #next-step.cbx-float{
    position: static; opacity:1; pointer-events:auto;
  }
}



/* === NAV: Botones con el mismo ancho === */

#pasos-btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}

#prev-step,
#next-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:150px;
}

#prev-step.cbx-float,
#next-step.cbx-float{
  width:150px;
}





/* === Cantidades en paso 2 === */
#step-2 .ctbx-qty{
  display:flex; align-items:center; gap:8px; margin-top:10px;
}
#step-2 .ctbx-qty-input{
  width:54px; text-align:center; padding:6px 8px; border:1px solid #ddd; border-radius:6px;
}
#step-2 .ctbx-qty-minus,
#step-2 .ctbx-qty-plus{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border:1px solid #ddd; border-radius:6px; background:#fff; cursor:pointer;
}
#step-2 .cute-box-div{ cursor:pointer; user-select:none; }


//* Paso 2: el control de cantidad nace oculto */
#step-2 .ctbx-qty{
  display:none !important;         /* oculto de inicio */
}

/* Centrado del control */
#step-2 .product-item{
  text-align:center;               /* centra los hijos inline/inline-flex */
}
#step-2 .ctbx-qty{
  display:none;                    /* re-afirmamos: se mostrará por JS */
  margin:12px auto 0;              /* centrado horizontal */
  gap:8px;
}
#step-2 .ctbx-qty,
#step-2 .ctbx-qty > *{
  vertical-align:middle;
}

/* Botones ±: fondo verde, hover verde claro, signo siempre blanco */
#step-2 .ctbx-qty-minus,
#step-2 .ctbx-qty-plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:0;
  border-radius:10px;
  background:#1D2C24;     /* verde base */
  color:#fff;             /* signo blanco SIEMPRE */
  font-size:20px;
  font-weight:700;
  cursor:pointer;
  transition:background .18s ease;
}
#step-2 .ctbx-qty-minus:hover,
#step-2 .ctbx-qty-plus:hover{
  background:#497D38;     /* hover */
}

/* Input cantidad centrado y bonito */
#step-2 .ctbx-qty-input{
  width:70px;
  height:42px;
  text-align:center;
  padding:0 10px;
  border:1px solid #D8DFDA;
  border-radius:10px;
  font-size:18px;
  line-height:42px;
  background:#fff;
  color:#0e1a16;
}