/* =================================================================
   De una — Storefront Pastel
   Estética "Candy / kawaii": rosa, lavanda, menta, ultra redondeado
   y tipografía Quicksand muy amable.
   Vive bajo body.theme-store-pastel.
   ================================================================= */

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

body.theme-store-pastel {
    --st-bg: #fef6fb;
    --st-bg-alt: #fce4f3;
    --st-bg-soft: #fffbfd;
    --st-fg: #3a1d34;
    --st-fg-muted: #7a5972;
    --st-fg-soft: #b09cab;
    --st-border: #f4d8ea;
    --st-border-strong: #db8fbf;
    --st-radius-sm: 16px;
    --st-radius: 24px;
    --st-radius-lg: 38px;
    --st-shadow: 0 6px 18px rgba(219, 143, 191, 0.18);
    --st-shadow-strong: 0 22px 44px rgba(219, 143, 191, 0.28);

    font-family: 'Quicksand', 'Inter', system-ui, sans-serif;
    color: var(--st-fg);
    background-color: var(--st-bg);
    background-image:
        radial-gradient(70% 60% at 8% 8%, rgba(255, 198, 232, 0.45), transparent 60%),
        radial-gradient(60% 60% at 92% 18%, rgba(196, 213, 255, 0.36), transparent 60%),
        radial-gradient(60% 60% at 50% 110%, rgba(178, 235, 222, 0.32), transparent 60%);
    background-attachment: fixed;
}

body.theme-store-pastel h1,
body.theme-store-pastel h2,
body.theme-store-pastel h3,
body.theme-store-pastel h4 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    letter-spacing: -0.005em;
    color: var(--st-fg);
}

body.theme-store-pastel h1 { font-size: clamp(2.6rem, 5.5vw, 4.6rem); }

body.theme-store-pastel .button,
body.theme-store-pastel button {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    border-radius: 999px;
    padding: 14px 26px;
    background: linear-gradient(135deg, #ffadd2, #d6a3ff 50%, #a3d8ff);
    color: #3a1d34;
    box-shadow: 0 10px 22px rgba(219, 143, 191, 0.32);
}

body.theme-store-pastel .button:hover,
body.theme-store-pastel button:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 16px 30px rgba(219, 143, 191, 0.40);
    background: linear-gradient(135deg, #ff8cbf, #c486ff 50%, #86c6ff);
}

body.theme-store-pastel .button-secondary {
    background: rgba(255, 255, 255, 0.85);
    color: var(--st-fg);
    border: 1px solid var(--st-border);
    box-shadow: 0 6px 14px rgba(219, 143, 191, 0.16);
}

/* Inputs: especificidad alta para vencer reglas shared de components.css */
body.theme-store.theme-store-pastel .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-pastel .st-main textarea,
body.theme-store.theme-store-pastel .st-main select,
body.theme-store.theme-store-pastel .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-pastel .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: 13px 20px;
    border: 1px solid var(--st-border-strong);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    color: var(--st-fg);
    font-family: 'Quicksand', 'Inter', sans-serif;
    font-size: 15px;
    box-shadow: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.theme-store.theme-store-pastel .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-pastel .st-main textarea:focus,
body.theme-store.theme-store-pastel .st-main select:focus,
body.theme-store.theme-store-pastel .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-pastel .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-color: var(--st-accent);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(255, 153, 188, 0.22);
}

body.theme-store.theme-store-pastel .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-pastel .st-main .st-qty-stepper > input.storefront-product-qty {
    width: 54px;
    height: 100%;
    text-align: center;
    border: 0;
    background: transparent;
    color: var(--st-fg);
    font-family: 'Quicksand', 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    -moz-appearance: textfield;
}

body.theme-store.theme-store-pastel .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-pastel .st-main .st-cart-item-controls .st-qty-stepper > input.storefront-product-qty {
    width: 42px;
    font-size: 13px;
}

body.theme-store.theme-store-pastel .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-pastel .st-main .st-qty-stepper > input.storefront-product-qty:focus {
    outline: 0;
    box-shadow: none;
    background: transparent;
}

body.theme-store-pastel .st-header {
    background: rgba(254, 246, 251, 0.78);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--st-border);
}

body.theme-store-pastel .st-brand {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.005em;
}

body.theme-store-pastel .st-brand-mark {
    background: linear-gradient(135deg, #ffadd2, #d6a3ff);
    color: #fff;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(219, 143, 191, 0.32);
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

body.theme-store-pastel .st-nav,
body.theme-store-pastel .st-subnav {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
}

body.theme-store-pastel .st-product-card {
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    border: 0;
    box-shadow: 0 10px 26px rgba(219, 143, 191, 0.16);
}

body.theme-store-pastel .st-product-card:hover {
    transform: translateY(-4px) rotate(-0.5deg);
    box-shadow: 0 22px 42px rgba(219, 143, 191, 0.28);
}

body.theme-store-pastel .st-product-card-image,
body.theme-store-pastel .st-product-card-thumb {
    border-radius: 22px;
    background: linear-gradient(135deg, #fce4f3, #e9dcff);
}

body.theme-store-pastel .st-product-card-title,
body.theme-store-pastel .st-product-card-name {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

body.theme-store-pastel .st-badge,
body.theme-store-pastel .st-product-badge,
body.theme-store-pastel .storefront-product-badge {
    background: linear-gradient(135deg, #ffadd2, #d6a3ff);
    color: #3a1d34;
    border-radius: 999px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 11px;
    text-transform: none;
    padding: 4px 10px;
    box-shadow: 0 4px 12px rgba(219, 143, 191, 0.30);
}

body.theme-store-pastel .st-marquee,
body.theme-store-pastel .st-top-marquee {
    background: linear-gradient(90deg, #ffadd2, #d6a3ff 50%, #a3d8ff);
    color: #3a1d34;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: none;
}

body.theme-store-pastel .st-footer {
    background: linear-gradient(180deg, #4d2845, #3a1d34);
    color: #fef6fb;
}

body.theme-store-pastel .st-section-eyebrow,
body.theme-store-pastel .st-eyebrow {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 11px;
    color: #c46aa3;
}

body.theme-store-pastel .storefront-carousel-arrow,
body.theme-store-pastel .st-scroll-carousel-arrow {
    background: rgba(255, 255, 255, 0.92);
    color: var(--st-fg);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 6px 18px rgba(219, 143, 191, 0.22);
}