/* ================================================
   deco.css — Variables y estilos específicos del tema Deco
   ================================================ */

:root {
    --body-bg: radial-gradient(circle at 14% 10%, rgba(210,160,80,0.22), transparent 20%), radial-gradient(circle at 88% 14%, rgba(180,120,50,0.14), transparent 18%), linear-gradient(180deg, #fdf6ea 0%, #f2e4c8 100%);
    --text: #2d1f0e;
    --muted: #6b4f2e;
    --nav-bg: rgba(253,246,234,0.80);
    --nav-border: rgba(140,90,40,0.10);
    --nav-link-color: #7a5230;
    --nav-link-bg: rgba(255,255,255,0.64);
    --nav-link-border: rgba(140,90,40,0.12);
    --nav-link-hover-color: #c07030;
    --nav-link-hover-border: rgba(192,112,48,0.32);
    --nav-link-hover-shadow: 0 10px 22px rgba(192,112,48,0.10);
    --kicker-bg: rgba(255,255,255,0.66);
    --kicker-border: rgba(140,90,40,0.10);
    --kicker-color: #7a5230;
    --chip-bg: rgba(255,255,255,0.62);
    --chip-border: rgba(140,90,40,0.10);
    --chip-color: #7a5230;
    --chip-hover-color: #c07030;
    --chip-hover-border: rgba(192,112,48,0.28);
    --chip-hover-shadow: 0 10px 18px rgba(192,112,48,0.08);
    --product-card-bg: rgba(255,255,255,0.74);
    --product-card-border: rgba(140,90,40,0.10);
    --product-card-hover-border: rgba(192,112,48,0.22);
    --product-card-shadow: 0 16px 38px rgba(140,90,40,0.10);
    --product-card-hover-shadow: 0 22px 44px rgba(192,112,48,0.14);
    --product-media-bg: linear-gradient(180deg, rgba(255,255,255,0.65), rgba(242,224,190,0.78));
    --product-media-overlay: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.55), transparent 22%), radial-gradient(circle at 30% 72%, rgba(210,160,80,0.24), transparent 26%), repeating-linear-gradient(0deg, rgba(160,100,40,0.028) 0px, rgba(160,100,40,0.028) 1px, transparent 1px, transparent 7px);
    --badge-bg: rgba(255,255,255,0.84);
    --badge-border: rgba(140,90,40,0.10);
    --badge-color: #c07030;
    --badge-shadow: 0 8px 18px rgba(192,112,48,0.08);
    --price-color: #a05a20;
    --tag-border: rgba(140,90,40,0.10);
    --tag-bg: rgba(255,255,255,0.54);
    --tag-color: #7a5230;
    --product-link-bg: rgba(255,255,255,0.56);
    --product-link-border: rgba(140,90,40,0.10);
    --product-link-color: #7a5230;
    --product-link-hover-border: rgba(192,112,48,0.22);
    --product-link-hover-color: #c07030;
    --product-link-hover-shadow: 0 10px 18px rgba(192,112,48,0.08);
    --benefit-card-bg: rgba(255,255,255,0.66);
    --benefit-card-border: rgba(140,90,40,0.10);
    --benefit-card-shadow: 0 14px 34px rgba(140,90,40,0.08);
    --benefit-icon-bg: rgba(255,255,255,0.74);
    --benefit-icon-border: rgba(192,112,48,0.16);
    --benefit-icon-color: #c07030;
    --benefit-icon-shadow: 0 8px 16px rgba(192,112,48,0.08);
    --cta-bg: radial-gradient(circle at 18% 20%, rgba(255,255,255,0.5), transparent 26%), radial-gradient(circle at 82% 22%, rgba(210,160,80,0.18), transparent 22%), rgba(255,255,255,0.6);
    --cta-border: rgba(140,90,40,0.10);
    --cta-shadow: 0 18px 44px rgba(140,90,40,0.10);
    --wa-btn-border: rgba(192, 112, 48, 0.30);
    --wa-btn-bg: rgba(192, 112, 48, 0.07);
    --wa-btn-color: #c07030;
    --wa-btn-hover-border: rgba(192, 112, 48, 0.70);
    --wa-btn-hover-bg: rgba(192, 112, 48, 0.13);
    --wa-btn-hover-shadow: 0 0 16px rgba(192, 112, 48, 0.20);
    --btn-primary-border: rgba(192, 112, 48, 0.30);
    --btn-primary-muted: rgba(192, 112, 48, 0.70);
    --btn-primary-border-active: rgba(192, 112, 48, 0.75);
    --btn-primary-color: #c07030;
    --btn-primary-bg: rgba(192, 112, 48, 0.09);
    --btn-primary-shadow: 0 0 14px rgba(192, 112, 48, 0.18);
    --btn-secondary-border: rgba(122, 82, 48, 0.30);
    --btn-secondary-muted: rgba(122, 82, 48, 0.70);
    --btn-secondary-border-active: rgba(122, 82, 48, 0.75);
    --btn-secondary-color: #7a5230;
    --btn-secondary-bg: rgba(122, 82, 48, 0.09);
}

/* === Estilos únicos del tema Deco === */

.btn-primary {
    color: #c07030;
    border: 1px solid rgba(192,112,48,0.28);
    background: rgba(255,255,255,0.8);
    box-shadow: 0 12px 24px rgba(192,112,48,0.10);
}
.btn-secondary {
    color: #7a5230;
    border: 1px solid rgba(140,90,40,0.14);
    background: rgba(255,255,255,0.54);
}

.tag.amber  { border-color: rgba(192,112,48,0.20); color: #c07030; background: rgba(192,112,48,0.08); }
.tag.wood   { border-color: rgba(140,90,40,0.14);  color: #7a5230; background: rgba(255,250,240,0.72); }
.tag.green  { border-color: rgba(80,130,60,0.18);  color: #4a7a38; background: rgba(80,130,60,0.08); }