/*
=========================================
 ESTILO FINAL PARA LA SECCIÓN DE OFERTAS (CON VARIABLES DE COLOR)
=========================================
*/

/* --- 1. Contenedor Principal --- */
.countdown-ofertas {
  background-color: var(--color-primario-2);
  color: var(--color-blanco-texto);
  padding: 2rem;
  margin: 2rem 0;
}
.countdown-header i.bi.bi-alarm {
    color: var(--color-cta);
    font-size: 3.5rem;
}
/* --- 2. Encabezado --- */
.countdown-header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  text-transform: uppercase;
}
.countdown-header h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--color-blanco-texto);
}
.countdown-header .countdown-icon {
  font-size: 28px;
  color: var(--color-cta);
}

/* --- 3. Contador Regresivo --- */
.countdown-digits {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.countdown-digits .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primario-v2);
  border-radius: 8px;
  padding: 12px;
  min-width: 60px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
}
.countdown-digits .box::after {

    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 6px;
    display: block; /* Asegura que aparezca debajo del número */
}

/* Asignamos las traducciones manualmente según el valor de data-k */
.countdown-digits .box[data-k="days"]::after { content: "Días"; }
.countdown-digits .box[data-k="hours"]::after { content: "Horas"; }
.countdown-digits .box[data-k="minutes"]::after { content: "Mint"; }
.countdown-digits .box[data-k="seconds"]::after { content: "Segs"; }


/* --- 6. Responsivo --- */
@media (max-width: 992px) {
  .countdown-products ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .countdown-header h3 { font-size: 16px; }
  .countdown-digits .box { min-width: 50px; font-size: 22px; }
	
	.countdown-ofertas .product-details-wrapper, .ip-section .product-details-wrapper {
    justify-content: center;
    width: 85%;
    display: flex;
    padding: 5px 5px 5px 0px;
}
	            .home .site-main .countdown-products ul.products li.product.type-product, .home .site-main .ip-section ul.products li.product.type-product {
        width: 355px !important;
        min-width: 350px !important;
        max-width: 360px !important;
        height: 190px !important;
        min-height: 200px !important;
        max-height: 190px !important;
        margin: 25px 0 25px 0px !important;
    }
	.countdown-ofertas ul.products.columns-4 .product-details-wrapper h2.woocommerce-loop-product__title, {
    margin-bottom: 13px;
}
	.countdown-ofertas .product-details-wrapper .woocommerce-loop-product__title, .ip-section .product-details-wrapper .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--color-blanco-texto)!important;
}
	.countdown-ofertas .product-details-wrapper, .ip-section .product-details-wrapper {
    width: 80%;
    padding: 5px 5px 5px 0px;
}
}
@media (max-width: 576px) {
  .countdown-products ul.products {
    grid-template-columns: 1fr;
  }
}
.countdown-ofertas.finished {
  display: none;
}