/* =================================================================
   De una — Storefront Studio
   Estética "Galería de arte": blanco impecable, DM Serif Display
   oversize, ritmo editorial. Vive bajo body.theme-store-studio.
   ================================================================= */

@import url('/assets/css/storefront-themes/starter.css');

body.theme-store-studio {
    --st-bg: #fbfaf6;
    --st-bg-alt: #f3f1ea;
    --st-bg-soft: #ffffff;
    --st-fg: #0e0e0c;
    --st-fg-muted: #5a584f;
    --st-fg-soft: #8b897e;
    --st-border: #e7e3d8;
    --st-border-strong: #0e0e0c;
    --st-radius-sm: 0;
    --st-radius: 0;
    --st-radius-lg: 0;
    --st-shadow: none;
    --st-shadow-strong: 0 24px 48px rgba(14, 14, 12, 0.10);

    font-family: 'Inter', system-ui, sans-serif;
    background: var(--st-bg);
    font-size: 14px;
}

body.theme-store-studio h1,
body.theme-store-studio h2,
body.theme-store-studio h3,
body.theme-store-studio h4 {
    font-family: 'DM Serif Display', 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: var(--st-fg);
}

body.theme-store-studio h1 { font-size: clamp(2.8rem, 6vw, 5rem); line-height: 0.95; }
body.theme-store-studio h2 { font-size: clamp(2.2rem, 4vw, 3.6rem); line-height: 1; }

body.theme-store-studio .button,
body.theme-store-studio button {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 0;
    padding: 16px 28px;
    box-shadow: none;
}

body.theme-store-studio .button:hover,
body.theme-store-studio button:hover {
    transform: none;
    background: #0e0e0c;
    color: #fbfaf6;
}

body.theme-store-studio .button-secondary {
    background: transparent;
    color: var(--st-fg);
    border: 1px solid var(--st-fg);
}

/* Inputs: especificidad alta para vencer reglas shared de components.css */
body.theme-store.theme-store-studio .st-main input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input),
body.theme-store.theme-store-studio .st-main textarea,
body.theme-store.theme-store-studio .st-main select,
body.theme-store.theme-store-studio .storefront-popup-form input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input),
body.theme-store.theme-store-studio .st-home-newsletter-form input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input) {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid var(--st-fg);
    border-radius: 0;
    background: transparent;
    color: var(--st-fg);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    letter-spacing: 0.01em;
    box-shadow: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.theme-store.theme-store-studio .st-main input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input):focus,
body.theme-store.theme-store-studio .st-main textarea:focus,
body.theme-store.theme-store-studio .st-main select:focus,
body.theme-store.theme-store-studio .storefront-popup-form input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input):focus,
body.theme-store.theme-store-studio .st-home-newsletter-form input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input):focus {
    outline: 0;
    border-bottom-color: var(--st-accent);
    box-shadow: 0 1px 0 0 var(--st-accent);
}

body.theme-store.theme-store-studio .st-main .st-qty-stepper > input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input),
body.theme-store.theme-store-studio .st-main .st-qty-stepper > input.storefront-product-qty {
    width: 52px;
    height: 100%;
    text-align: center;
    border: 0;
    border-bottom: 0;
    background: transparent;
    color: var(--st-fg);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    -moz-appearance: textfield;
}

body.theme-store.theme-store-studio .st-main .st-cart-item-controls .st-qty-stepper > input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input),
body.theme-store.theme-store-studio .st-main .st-cart-item-controls .st-qty-stepper > input.storefront-product-qty {
    width: 42px;
    font-size: 13px;
}

body.theme-store.theme-store-studio .st-main .st-qty-stepper > input:not([type="checkbox"]):not([type="radio"]):not(.ts-control > input):not(.sa-input-affix > input):not(.sa-search-input > input):not(.sa-combobox__control > input):not(.sa-multiselect__search > input):focus,
body.theme-store.theme-store-studio .st-main .st-qty-stepper > input.storefront-product-qty:focus {
    outline: 0;
    box-shadow: none;
    border-color: transparent;
}

body.theme-store-studio .st-header {
    background: var(--st-bg);
    border-bottom: 1px solid var(--st-fg);
}

body.theme-store-studio .st-brand {
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    letter-spacing: -0.02em;
}

body.theme-store-studio .st-brand-mark {
    background: var(--st-fg);
    color: var(--st-bg);
    border-radius: 0;
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
}

body.theme-store-studio .st-nav,
body.theme-store-studio .st-subnav {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.20em;
    font-size: 10.5px;
    font-weight: 500;
}

body.theme-store-studio .st-product-card {
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-bottom: 16px;
}

body.theme-store-studio .st-product-card:hover {
    transform: none;
    box-shadow: none;
}

body.theme-store-studio .st-product-card-image,
body.theme-store-studio .st-product-card-thumb {
    border-radius: 0;
    background: var(--st-bg-alt);
}

body.theme-store-studio .st-product-card-title,
body.theme-store-studio .st-product-card-name {
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

body.theme-store-studio .st-product-card-price,
body.theme-store-studio .st-product-card-price-current {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

body.theme-store-studio .st-badge,
body.theme-store-studio .st-product-badge,
body.theme-store-studio .storefront-product-badge {
    background: var(--st-fg);
    color: var(--st-bg);
    border-radius: 0;
    font-family: 'DM Serif Display', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0;
    padding: 4px 10px;
    text-transform: lowercase;
}

body.theme-store-studio .st-marquee,
body.theme-store-studio .st-top-marquee {
    background: var(--st-fg);
    color: var(--st-bg);
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.32em;
    font-size: 10.5px;
    font-weight: 500;
}

body.theme-store-studio .st-footer {
    background: var(--st-fg);
    color: var(--st-bg);
}

body.theme-store-studio .st-section-eyebrow,
body.theme-store-studio .st-eyebrow {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.32em;
    font-size: 10.5px;
    font-weight: 500;
    color: var(--st-fg-muted);
}

body.theme-store-studio .storefront-carousel-arrow,
body.theme-store-studio .st-scroll-carousel-arrow {
    background: transparent;
    color: var(--st-fg);
    border: 1px solid var(--st-fg);
    border-radius: 0;
    box-shadow: none;
}

body.theme-store-studio .storefront-carousel-arrow:hover,
body.theme-store-studio .st-scroll-carousel-arrow:hover {
    background: var(--st-fg);
    color: var(--st-bg);
}