/* OZ Cotizador — Design pack "7k" (7K Safety)
 * Cards de catálogo: .ozc-product-card__* bajo .ozc-product-card--pack-7k
 * NOTA: los badges (Oferta / Premium), la marca de agua "7K" y la barra roja
 * de contacto vienen dentro de la imagen del producto (pre-compuesta). Aquí
 * solo se estiliza la estructura de la card.
 */

.ozc-product-card--pack-7k {
  --ozc-7k-red: #e20613;
  --ozc-7k-red-dark: #b9040f;
  --ozc-7k-text: #1f2430;
  --ozc-7k-muted: #8a8f98;
  --ozc-7k-border: #e6e8ec;
  --ozc-7k-radius: 14px;
  --ozc-7k-btn-radius: 10px;

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid var(--ozc-7k-border);
  border-radius: var(--ozc-7k-radius);
  box-shadow: 0 6px 18px rgba(20, 25, 35, 0.06);
  padding: 0 0 1rem;
  overflow: hidden;
  color: var(--ozc-7k-text);
  text-align: left;
  transition: box-shadow 0.24s ease, transform 0.24s ease, border-color 0.24s ease;
}

.ozc-product-card--pack-7k:hover,
.ozc-product-card--pack-7k:focus-within {
  border-color: #d7dbe0;
  box-shadow: 0 14px 32px rgba(20, 25, 35, 0.12);
  transform: translateY(-3px);
}

/* ---------- Media (imagen pre-compuesta con branding) ---------- */
.ozc-product-card--pack-7k .ozc-product-card__media {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  aspect-ratio: unset;
  background: #ffffff;
  line-height: 0;
  overflow: hidden;
  text-decoration: none;
}

.ozc-product-card--pack-7k .ozc-product-card__media img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.ozc-product-card--pack-7k:hover .ozc-product-card__media img {
  transform: scale(1.03);
}

/* La marca sale dentro de la imagen -> ocultar el badge de texto sobre la foto */
.ozc-product-card--pack-7k .ozc-product-card__media .ozc-product-card__badge {
  display: none;
}

.ozc-product-card--pack-7k .ozc-product-card__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(145deg, #f6f6f6 0%, #ececec 100%);
}

/* ---------- Secciones (padding lateral uniforme) ---------- */
.ozc-product-card--pack-7k .ozc-product-card__section {
  padding: 0 1rem;
  margin-top: 0.55rem;
}

.ozc-product-card--pack-7k .ozc-product-card__media + .ozc-product-card__section {
  margin-top: 0.85rem;
}

/* ---------- Categoría ---------- */
.ozc-product-card--pack-7k .ozc-product-card__category {
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--ozc-7k-muted);
}

/* ---------- Título ---------- */
.ozc-product-card--pack-7k .ozc-product-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ozc-7k-text);
  word-break: break-word;
}

.ozc-product-card--pack-7k .ozc-product-card__title a {
  color: inherit;
  text-decoration: none;
}

.ozc-product-card--pack-7k .ozc-product-card__title a:hover,
.ozc-product-card--pack-7k .ozc-product-card__title a:focus-visible {
  color: var(--ozc-7k-red);
}

/* ---------- Precio (oferta) ---------- */
.ozc-product-card--pack-7k .ozc-product-card__price {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--ozc-7k-red);
}

.ozc-product-card--pack-7k .ozc-product-card__price .woocommerce-Price-amount {
  font-weight: inherit;
  color: inherit;
}

/* Precio original tachado */
.ozc-product-card--pack-7k .ozc-product-card__price del {
  margin-right: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--ozc-7k-red);
  opacity: 0.85;
  text-decoration: line-through;
}

/* Precio de oferta (ins) sin subrayado */
.ozc-product-card--pack-7k .ozc-product-card__price ins {
  text-decoration: none;
  font-weight: 800;
  color: var(--ozc-7k-red);
}

/* Sufijo tipo "INCLUYE IGV" */
.ozc-product-card--pack-7k .ozc-product-card__price .woocommerce-price-suffix {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--ozc-7k-red);
}

/* ---------- Acciones: cantidad + Cotizar ---------- */
.ozc-product-card--pack-7k .ozc-product-card__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.5rem;
  margin-top: 0.85rem;
}

/* Stepper de cantidad */
.ozc-product-card--pack-7k .ozc-product-card__qty {
  order: 1;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--ozc-7k-border);
  border-radius: var(--ozc-7k-btn-radius);
  background: #ffffff;
  overflow: hidden;
}

.ozc-product-card--pack-7k .ozc-product-card__qty-btn {
  width: 1.9rem;
  border: none;
  background: #f4f5f7;
  color: var(--ozc-7k-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.ozc-product-card--pack-7k .ozc-product-card__qty-btn:hover,
.ozc-product-card--pack-7k .ozc-product-card__qty-btn:focus-visible {
  background: #e9ebee;
  outline: none;
}

.ozc-product-card--pack-7k .ozc-product-card__qty-input {
  width: 2.2rem;
  min-width: 1.9rem;
  border: none;
  padding: 0 0.2rem;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--ozc-7k-text);
  background: #ffffff;
  -moz-appearance: textfield;
}

.ozc-product-card--pack-7k .ozc-product-card__qty-input::-webkit-outer-spin-button,
.ozc-product-card--pack-7k .ozc-product-card__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ozc-product-card--pack-7k .ozc-product-card__qty-input:focus {
  outline: none;
}

/* Botón Cotizar (rojo) */
.ozc-product-card--pack-7k .ozc-product-card__btn--primary {
  order: 2;
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 43px;
  padding: 0 14px;
  border: none;
  border-radius: var(--ozc-7k-btn-radius);
  background: var(--ozc-7k-red);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.ozc-product-card--pack-7k .ozc-product-card__btn--primary::after {
  content: none;
  display: none;
}

.ozc-product-card--pack-7k .ozc-product-card__btn--primary:hover {
  background: var(--ozc-7k-red-dark);
  box-shadow: 0 10px 22px rgba(226, 6, 19, 0.26);
  transform: translateY(-1px);
}

.ozc-product-card--pack-7k .ozc-product-card__btn--primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(226, 6, 19, 0.22);
}

/* ---------- Botón Consultar (WhatsApp) ---------- */
.ozc-product-card--pack-7k .ozc-product-card__wa {
  width: 100%;
}

.ozc-product-card--pack-7k .ozc-product-card__wa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 43px;
  padding: 0 14px;
  border: 1px solid var(--ozc-7k-border);
  border-radius: var(--ozc-7k-btn-radius);
  background: #ffffff;
  color: var(--ozc-7k-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.ozc-product-card--pack-7k .ozc-product-card__wa-btn:hover,
.ozc-product-card--pack-7k .ozc-product-card__wa-btn:focus-visible {
  border-color: #25d366;
  background: #f7fff9;
  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.18);
  outline: none;
}

.ozc-product-card--pack-7k .ozc-product-card__wa-btn svg,
.ozc-product-card--pack-7k .ozc-product-card__wa-btn img {
  width: 1.15rem;
  height: 1.15rem;
  color: #25d366;
  fill: #25d366;
}

/* ==================================================================
   BADGE "¡OFERTA!" — inyectado solo en productos en oferta (mu-plugin
   oz-shop-oferta.php). Círculo rojo arriba a la derecha de la card.
   ================================================================== */
.ozc-product-card--pack-7k {
  position: relative;
}
.ozc-product-card--pack-7k .ozc-oferta {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.1rem;
  height: 3.1rem;
  padding: 0 0.3rem;
  border-radius: 50%;
  background: var(--ozc-7k-red);
  color: #ffffff;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
  box-shadow: 0 4px 12px rgba(226, 6, 19, 0.32);
  pointer-events: none;
}

/* ==================================================================
   Icono de WhatsApp en el botón "Consultar" (verde), antes del texto.
   ================================================================== */
.ozc-product-card--pack-7k .ozc-product-card__wa-btn::before {
  content: "";
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 auto;
  background-color: #25d366;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12.04%202C6.58%202%202.13%206.45%202.13%2011.91c0%201.75.46%203.45%201.32%204.95L2%2022l5.25-1.38c1.45.79%203.08%201.21%204.79%201.21%205.46%200%209.91-4.45%209.91-9.91S17.5%202%2012.04%202zm0%2018.15c-1.53%200-3.03-.41-4.34-1.19l-.31-.18-3.12.82.83-3.04-.2-.31a8.2%208.2%200%200%201-1.26-4.35c0-4.54%203.7-8.23%208.24-8.23%202.2%200%204.27.86%205.82%202.42a8.18%208.18%200%200%201%202.41%205.82c0%204.54-3.7%208.24-8.24%208.24zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.41-.42-.56-.43-.14-.01-.31-.01-.48-.01-.17%200-.43.06-.66.31-.23.25-.87.85-.87%202.07%200%201.22.89%202.4%201.01%202.56.12.17%201.75%202.67%204.23%203.74.59.26%201.05.41%201.41.52.59.19%201.13.16%201.56.1.48-.07%201.47-.6%201.68-1.18.21-.58.21-1.07.14-1.18-.06-.11-.22-.17-.47-.29z'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12.04%202C6.58%202%202.13%206.45%202.13%2011.91c0%201.75.46%203.45%201.32%204.95L2%2022l5.25-1.38c1.45.79%203.08%201.21%204.79%201.21%205.46%200%209.91-4.45%209.91-9.91S17.5%202%2012.04%202zm0%2018.15c-1.53%200-3.03-.41-4.34-1.19l-.31-.18-3.12.82.83-3.04-.2-.31a8.2%208.2%200%200%201-1.26-4.35c0-4.54%203.7-8.23%208.24-8.23%202.2%200%204.27.86%205.82%202.42a8.18%208.18%200%200%201%202.41%205.82c0%204.54-3.7%208.24-8.24%208.24zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.41-.42-.56-.43-.14-.01-.31-.01-.48-.01-.17%200-.43.06-.66.31-.23.25-.87.85-.87%202.07%200%201.22.89%202.4%201.01%202.56.12.17%201.75%202.67%204.23%203.74.59.26%201.05.41%201.41.52.59.19%201.13.16%201.56.1.48-.07%201.47-.6%201.68-1.18.21-.58.21-1.07.14-1.18-.06-.11-.22-.17-.47-.29z'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.ozc-product-card--pack-7k .ozc-product-card__wa-btn:hover::before {
  background-color: #1fae54;
}