/* ==================== */
/* 1. CONTENEDOR PRINCIPAL */
/* ==================== */
li.li-todos-los-productos,
.product-item-info {
    position: relative !important;
    text-align: center !important;
}

/* ==================== */
/* 2. SECCIÓN DE IMAGEN */
/* ==================== */
/* Caso específico para li-todos-los-productos */
/* Caso específico para li-todos-los-productos */
/* li.li-todos-los-productos .imagen-de-producto-card,
li.li-todos-los-productos .product-item-photo {
    position: relative !important;
    padding-bottom: 100px !important;
}
 */
/* Caso general */
/* .detalle-deproduto-brand .product-item-photo {
    position: relative !important;
    padding-bottom: 200px !important;
} */
/* Caso general */
/* .detalle-de-producto-producto-relacionado .product-item-photo {
    position: relative !important;
    padding-bottom: 200px !important;
} */
.product.photo.product-item-photo {
    aspect-ratio: 1 / 1; /* Mantiene relación cuadrada */
    position: relative; /* Necesario para el posicionamiento absoluto de la imagen */
    overflow: hidden;
    display: block; /* Puedes cambiarlo a grid si prefieres */
}

/* Estilos para la imagen dentro del contenedor */
.product.photo.product-item-photo img {
    position: absolute !important;
    top: 50% !important;
    left: 40% !important;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important; /* o 'contain' según lo que necesites */
}

/* Fondo transparente para foto */
.product-item-photo::after {
    background-color: transparent !important;
}

/* Botón de carrito */
.btn-cart {
    border: 1px solid black !important;
    bottom: 5px !important;
}

/* ==================== */
/* 3. ETIQUETA DE OFERTA NEW */
/* ==================== */
li.li-todos-los-productos .imagen-de-producto-card .sale-label,
.product-label.sold-out-label,
.product-item-info .sale-label {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 2 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
}
li.li-todos-los-productos .imagen-de-producto-card .sale-label,
.product-item-info .new-label {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 2 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
}

/* ==================== */
/* 4. WISHLIST (CORAZÓN) Y ACCIONES */
/* ==================== */
.action.towishlist {
    opacity: 1 !important;
    transform: scale(1) !important;
    visibility: visible !important;
}
.action.quickview {
    display: none !important;
}
.action.tocompare {
    display: none !important;
}

/* Contenedor de acciones */
li.li-todos-los-productos .imagen-de-producto-card .actions-link,
.product-item-info .actions-secondary {
    position: absolute !important;
    right: 5px !important;
    top: 5px !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    align-items: end;
}

/* ==================== */
/* 5. DETALLES DEL PRODUCTO */
/* ==================== */
li.li-todos-los-productos .detalle-de-producto-card,
.product-item-info .product-item-details {
    text-align: center !important;
    padding: 10px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    align-content: center !important;
}

/* 6.1 Marca del producto (order: 0) */
li.li-todos-los-productos .detalle-de-producto-card .brand {
    order: 0 !important;
}
.brand {
    order: 0 !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    color: #c3c3c3 !important;
    letter-spacing: 1px !important;
    min-height: 20px !important;
}
/* 6.2 Título del producto (order: 1) */
li.li-todos-los-productos .titulo-de-producto-card,
.product-item-info .product-item-name {
    order: 1 !important;
    text-align: center !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    max-height: 2em !important;
    min-height: 1em !important;
    overflow: hidden !important;
    margin: 0 0 5px !important;
    font-size: 1.4rem !important;
    line-height: 1.2 !important;
}
/* 6.3 Descripcion corta (order: 2) */
.product-item-info .short_description_ananido {
    order: 2 !important;   
}
/* 6.3 Precio (order: 2) */
li.li-todos-los-productos .detalle-de-producto-card .price-final_price,
li.li-todos-los-productos
    .detalle-de-producto-card
    .price-box.price-final_price {
    order: 2 !important;
}

/* Estilo BASE para todos los price-final_price */
.price-final_price {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    order: 2 !important;
}

/* Caso especial donde debe alinearse a la izquierda */
.be-info .price-final_price {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Casos donde debe centrarse */
.detalle-de-producto-card .price-final_price,
.detalle-de-producto-frontend .price-final_price,
.detalle-de-producto-producto-relacionado .price-final_price,
.detalle-de-producto-producto-brand .price-final_price {
    justify-content: center !important;
    text-align: center !important;
}

li.li-todos-los-productos
    .detalle-de-producto-card
    .price-final_price
    .porcentaje_brand {
    display: none !important;
}

/* Contenedores de precio */
.price-container,
.price-wrapper {
    display: inline-flex !important;
    margin: 0 !important;
}

/* Estilo para precio tachado */
.old-price .price {
    text-decoration: line-through !important;
    color: #999 !important;
    font-size: 0.9em !important;
}

/* 6.4 Rating/Estrellas y Reseñas (order: 3) */
.card-resenas-start-literal-padre,
.product-reviews-summary {
    order: 3 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 5px auto !important;
    padding: 0 !important;
    width: 100% !important;
    line-height: 1 !important;
    flex-wrap: wrap !important;
}

/* Contenedor de rating */
.card-resenas-start-literal {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Estrellas de rating */
.card-resenas-start {
    display: inline-block !important;
    margin: 0 !important;
}

/* Texto de reseñas */
.card-resenas-literal {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 0.9em !important;
}

/* Eliminar el contenedor de reseñas por separado */
.reviews-actions {
    display: none !important;
}

/* Acciones de reseñas */
.reviews-actions .action {
    white-space: nowrap !important;
    font-size: 0.8em !important;
}

/* ==================== */
/* 7. ESTILOS ADICIONALES */
/* ==================== */

/* Wishlist - Posición 1 */
.actions-secondary .card-corazon-wishlist {
    /*order: 3 !important;*/
}

/* Compare - Posición 2 */
.actions-secondary li:nth-child(2) {
    /* order: 2 !important;*/
}

/* Quickview - Posición 3 */
.actions-secondary li:nth-child(3) {
    /*  order: 1 !important;*/
}

/* ==================== */
/* 7. DETALLE FRONTEND PRODUCTO */
/* ==================== */

/* Contenedor principal como flexbox */
.detalle-de-producto-frontend {
    display: flex;
    flex-direction: column;
}

/* Ordenar los elementos hijos según lo especificado */
.detalle-de-producto-frontend .brand {
    /* order: ; orden1 */
}

.detalle-de-producto-frontend .product-item-name {
    /*order: ;  orden2 */
}

.detalle-de-producto-frontend .price-final_price {
    order: 1; /* orden3 */
}

.detalle-de-producto-frontend .card-resenas-start-literal-padre {
    /*  order: ;  orden4 */
}
/* .productos-relacionados-brand .owl-stage-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    right: 40px;
}
 */

 .detalle-de-producto-frontend .be_discount-tag{
    display: none;
}
.detalle-de-producto-frontend .swatch-attribute-options{
    display: none;
}
.detalle-de-producto-card .swatch-attribute-options{
    display: none;
}
.li-todos-los-productos .product-label {
    background: #000000;
    color: #ffffff;
}
.detalle-de-photo-frontend .sale-label{
    background: #000000;
}