/* CTB: sistema estandarizado de botones
   Tipos: primario (.mil-button), secundario (.ctb-btn-secondary),
   chip (.ctb-filtro), utilitario (.ctb-btn-util, qty, cerrar) */

.mil-button,
.ctb-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  padding: 15px 30px !important;
  border-radius: 40px !important;
  font-size: 0.95rem !important;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1 !important;
  cursor: pointer;
  transition: all .25s ease;
  text-transform: uppercase;
}

.mil-button { background: #2b2118; color: #f3e9d8; border: 1.5px solid #2b2118; }
.mil-button:hover { background: #c8a24a; color: #2b2118; border-color: #c8a24a; transform: translateY(-2px); box-shadow: 4px 6px 14px rgba(43,33,24,.25); }

.ctb-btn-secondary { background: transparent; color: #2b2118; border: 1.5px solid #2b2118; }
.ctb-btn-secondary:hover { background: #2b2118; color: #f3e9d8; }

/* iconos: ancho fijo, sin descuadre */
.mil-button i, .mil-button span i,
.ctb-btn-secondary i {
  font-size: .9em; line-height: 1; width: 1.1em;
  display: inline-flex; align-items: center; justify-content: center;
  color: #c8a24a; flex: 0 0 auto;
}
.mil-button:hover i, .mil-button:hover span i { color: #2b2118; }
.ctb-btn-secondary:hover i { color: #f3e9d8; }
.mil-button span { display: inline-flex; align-items: center; gap: 10px; line-height: 1; }

/* chips de filtro */
.ctb-filtro {
  display: inline-flex; align-items: center;
  padding: 9px 18px !important; border-radius: 40px;
  font-size: .88rem; letter-spacing: 1px; line-height: 1;
  border: 1px solid #d9cfba; background: transparent; color: #2b2118;
  cursor: pointer; transition: all .2s ease;
}
.ctb-filtro:hover { border-color: #c8a24a; color: #8a6d2f; }
.ctb-filtro-active { background: #2b2118; color: #f3e9d8; border-color: #2b2118; }

/* utilitarios cuadrados */
.ctb-qty-btn, .ctb-remove, .ctb-cart-close, .ctb-modal-close, .ctb-news-close, .ctb-club-copy {
  display: inline-flex; align-items: center; justify-content: center;
  line-height: 1;
}
.ctb-qty-btn, .ctb-remove { width: 34px; height: 34px; border-radius: 10px; }