/* ==================================
   VARIABLES GLOBALES
   ================================== */

:root {

    /* Colores */
    --color-primary: #d4af37;
    --color-secondary: #1f1f1f;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-text: #333333;

    /* Contenedor */
    --container-width: 1200px;

    /* Tipografías */
    --font-heading: "Playfair Display", serif;
    --font-body: "Montserrat", sans-serif;

    /* Espaciados */
    --space-xs: 10px;
    --space-sm: 20px;
    --space-md: 40px;
    --space-lg: 80px;
    --space-xl: 120px;

    /* Bordes */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
}


/* ==================================
   CONTENEDORES
   ================================== */

.container-sanchez{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
}

/* Secciones */
.section-sanchez{
    padding-top:80px;
    padding-bottom:80px;
}

/* Ajuste migas WooCommerce */
.woocommerce-breadcrumb{
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.archive.tax-product_cat .site-content{
    padding-top: 20px !important;
}

.archive.tax-product_cat .ast-container{
    padding-top: 0 !important;
}

/* Subir contenido en categorías WooCommerce */
.archive.tax-product_cat #primary,
.archive.tax-product_cat .site-main,
.archive.tax-product_cat .ast-woocommerce-container{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.archive.tax-product_cat .site-content{
    padding-top: 0 !important;
}

/* Sticky footer: mantiene el footer abajo en páginas con poco contenido */

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
}

#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#content,
.site-content {
    flex: 1 0 auto;
}

.site-footer {
    flex-shrink: 0;
}