/**
 * Portada clásica — réplica de la página «Inicio» de Elementor (ID 7570).
 * Valores computados portados de uploads/elementor/css/post-7570.css
 * (incluido el CSS personalizado del contenedor #WC-products).
 */

/* ---------- Genérico de secciones ---------- */
.samaruc-home {
    overflow-x: clip; /* el original limita el desborde horizontal via Elementor */
    font-family: var(--samaruc-fuente-principal); /* Roboto, como el kit */
}

/* Título de sección: h2, 20px, negro, centrado (como .elementor-heading-title) */
.samaruc-home .samaruc-titulo-seccion {
    text-align: center;
    font-size: 20px;
    color: #000000;
    margin: 0;
}

/* Divisor: línea rosa 2.5px, 8% de ancho, centrada, 10px arriba/abajo */
.samaruc-home .samaruc-separador {
    display: block;
    width: 8%;
    margin: 10px auto;
    border: 0;
    border-top: 2.5px solid var(--samaruc-rosa);
}

/* ---------- 1. Slider y 2. categorías: a sangre completa, sin márgenes ---------- */
.samaruc-home__slider,
.samaruc-home__categorias {
    margin: 0;
    padding: 0;
}

/* ---------- 3. MÁS VENDIDOS ---------- */
/* El bloque del título llevaba padding-top de 100px (contenedor 752e402) */
.samaruc-home__destacados {
    padding-top: 100px;
}
.samaruc-home__destacados .section-custom-categories {
    max-width: 1440px;
    margin: 10px auto;
    padding: 0 10px;
}

/* Grid del widget goldsmith-woo-grid: 4 columnas (2 en móvil) */
#WC-products .goldsmith-products.row {
    margin: 0 -2px -2px -2px;
}
#WC-products .goldsmith-products.row > .col,
#WC-products .goldsmith-products.row > div {
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
    width: calc(100% / 4);
    margin-bottom: 2px;
    padding: 10px; /* del CSS personalizado del contenedor original */
}

/* CSS personalizado portado literal del contenedor #WC-products original */
#WC-products .add_to_cart_button {
    display: none;
}
#WC-products .goldsmith-product-loop-inner {
    margin-bottom: 0;
    padding: 10px;
    height: 100%;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
#WC-products .goldsmith-price.price {
    margin-top: auto;
}
#WC-products .goldsmith-primary-color.del .woocommerce-Price-amount.amount {
    color: #7d7d7d;
}
#WC-products .goldsmith-products.row > div:hover .goldsmith-product-loop-inner {
    transform: translateY(-3px);
}
#WC-products .goldsmith-products.row > div h6 {
    transition: color 0.3s ease;
}
#WC-products .goldsmith-products.row > div:hover h6 {
    color: #e590a0;
}
#WC-products .goldsmith-products.row > div h6 + h2 {
    display: none;
}

/* ---------- Separación (spacer de 50px del original) ---------- */
.samaruc-home__destacados {
    margin-bottom: 50px;
}

/* ---------- 4. Taller + WhatsApp ---------- */
.samaruc-home__taller-whatsapp {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.samaruc-home__taller {
    flex: 0 0 50%;
    max-width: 50%;
}
.samaruc-home__taller img {
    display: block;
    width: 99.422%; /* ancho exacto del widget carrusel original */
    height: auto;
}
.samaruc-home__whatsapp {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px;
    text-align: center;
}
.samaruc-home__whatsapp-texto a {
    color: inherit;
}

/* ---------- 5. Banner final (goldsmith-woo-banner, réplica literal) ---------- */
.samaruc-home__banner .goldsmith-woo-banner-wrapper .goldsmith-banner-content {
    text-align: left;
}
.samaruc-home__banner .goldsmith-banner-title {
    margin: 0;
}

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
    #WC-products .goldsmith-products.row > .col,
    #WC-products .goldsmith-products.row > div {
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        width: calc(100% / 2);
    }
    .samaruc-home__taller,
    .samaruc-home__whatsapp {
        flex: 0 0 100%;
        max-width: 100%;
    }
}