/* Cosechas App — identidade aprovada (versão 4.1)
   Rosa é a cor principal em todas as abas. Clube, Cupons, Perfil e home 100% padronizados em rosa.
   A identidade oficial da marca permanece nos PNGs originais. */
:root {
  --pink:#ff0057;
  --pink-dark:#d9004c;
  --pink-soft:#fff0f5;
  --pink-lighter:#fff8fb;
  --rose-border:#f7dce7;
  --ink:#25232a;
  --muted:#827983;
  --surface:#fff;
  --surface-alt:#fff9fb;
  --brand-shadow:0 12px 32px rgba(219,28,93,.10);
  color:var(--ink);
  background:var(--surface-alt);
}
body,body * {font-family:'Quicksand',sans-serif !important}
html,body{background:#fff8fb}
.app-shell{background:#fff}
.desktop-ambience{background:radial-gradient(circle at 70% 25%,#ffe1eb,transparent 42%),#fff8fb}
.desktop-ambience span,.desktop-ambience small{color:var(--pink)}
button:focus-visible,a:focus-visible,input:focus-visible {outline:3px solid #fc6a9d;outline-offset:2px}
.bottom-nav{background:rgba(255,255,255,.96);border-color:var(--rose-border);box-shadow:0 -12px 30px rgba(244,37,100,.08)}
.nav-button{color:#858087}
.nav-button.active{color:var(--pink)}
.nav-button.active .duo-icon{background:#ffe5ef;color:var(--pink)}
.nav-button.active:before{background:var(--pink)}
.nav-button span{font-weight:700}
#app{background:#fff}
.screen{color:var(--ink);background:#fff;min-height:100%}
.screen-header{background:#fff;padding-top:calc(24px + env(safe-area-inset-top))}
.screen-header h1{color:var(--ink);font-size:29px}
.screen-header .eyebrow,.eyebrow{color:#db376f;letter-spacing:.14em}
.screen-header .round-button{background:#fff0f5;color:var(--pink);border:1px solid #ffe3ed}
.page-pad{background:transparent}
.section-head h2,.premium-title-row h2,.profile-hero h2{color:var(--ink)}
.section-head .section-sub,.section-sub,.profile-hero p{color:var(--muted)}
.text-action{color:var(--pink)}
.premium-home .exclusive-banner,.exclusive-banner{background:linear-gradient(110deg,#ffe6ee 0%,#fff4f8 85%);color:var(--ink);border:1px solid #ffd5e3}
.exclusive-symbol{color:var(--pink)}
.exclusive-link{color:var(--pink)}
.club-preview{border-color:var(--rose-border)}
/* Clube: substitui o cartão verde por rosa premium */
.loyalty-page{background:linear-gradient(180deg,#fff1f6 0%,#fff 400px)}
.points-hero{background:linear-gradient(135deg,#fd0056 0%,#e30050 58%,#9e144b 100%);box-shadow:0 17px 32px rgba(231,0,79,.20)}
.points-hero:after{color:rgba(255,255,255,.105)}
.points-hero .eyebrow,.points-number span,.points-status,.progress-desc{color:#ffe2ec}
.progress-track{background:rgba(255,255,255,.30)}
.progress-fill{background:#fff}
.feature-cell{border-color:var(--rose-border);box-shadow:var(--brand-shadow)}
.feature-cell .ico{color:var(--pink);background:#ffedf4}
.feature-cell strong,.benefit-card strong{color:var(--ink)}
.feature-cell small,.benefit-card p{color:var(--muted)}
.benefit-card{border-color:var(--rose-border);box-shadow:0 5px 16px #e4004010}
.benefit-icon{color:var(--pink);background:#ffe6ee}
.benefit-card small{color:var(--pink)}
/* Cupons: rosa-blush e cartões claros */
.promo-hero{background:linear-gradient(120deg,#ffe0eb 0%,#fff0f6 70%,#fffafd 100%);border:1px solid #ffd5e4;box-shadow:0 6px 16px rgba(246,0,84,.06)}
.promo-hero strong{color:var(--ink)}
.promo-hero .eyebrow{color:#ce1c61 !important}
.promo-hero p{color:#806372}
.promo-hero .coupon-symbol{background:#ffc9dc;color:var(--pink)}
.coupon-card{border-color:#f6dce7;box-shadow:var(--brand-shadow)}
.coupon-info small{color:#c52560}
.coupon-info strong{color:var(--ink)}
.coupon-info p,.coupon-footer small{color:var(--muted)}
.coupon-footer{border-color:#f6e2e9}
.coupon-badge{background:#ffebf2;color:var(--pink)}
.coupon-card.green .coupon-badge,.coupon-card.pink .coupon-badge{background:#ffe0ed;color:#e70051}
.save-btn{background:#ffebf2;color:var(--pink)}
.save-btn.saved{background:var(--pink);color:#fff}
.pill-tab{border-color:var(--rose-border);color:#796c73;background:#fff}
.pill-tab.active{border-color:var(--pink);background:var(--pink);color:white}
/* Perfil, localização, menu, modais */
.profile-avatar,.profile-menu .menu-icon{background:#ffebf2;color:var(--pink)}
.profile-menu{border-color:var(--rose-border);box-shadow:var(--brand-shadow)}
.profile-menu button{border-bottom-color:#f8e9ef;color:#433b44}
.profile-menu button .icon:last-child{color:#be9aa9}
.profile-section-title,.profile-menu small{color:#9e7487}
.search-wrap{background:#fff3f8;border-color:#ffdfeb;color:var(--pink)}
.search-wrap input{color:var(--ink)}
.search-wrap input::placeholder{color:#a794a1}
.catalog-card .product-art{border:1px solid #f9eaf0}
.catalog-card strong{color:var(--ink)}
.catalog-card small,.product-tile small{color:var(--muted)}
.mini-tag,.tag{color:var(--pink);background:#fff1f6}
.tag-amber{color:#a45c23;background:#fff0e0}
.tag-pink{color:var(--pink);background:#ffe2ed}
.location-hero{background:linear-gradient(135deg,#ffe2eb,#fff6f9)}
.location-hero .location-circle{background:#ffcfe0;color:var(--pink)}
.location-hero p{color:#816a76}
.primary-button{background:var(--pink);color:white;box-shadow:0 8px 20px rgba(255,0,87,.16)}
.primary-button.light{background:#ffe4ee;color:var(--pink)}
.outline-button{background:#fff;color:var(--pink);border-color:#ffd3e3}
.disclaimer{background:#fff1f6;color:#8b6779}
.notice-card{background:#fff0f5;color:var(--pink)}
.notice-card p{color:#846c78}
.install-banner{background:linear-gradient(125deg,var(--pink),#ce004d)}
.install-banner small{color:#ffe5ef}
.mini-brand{color:var(--pink)}
.mini-brand span{color:var(--pink)}
.legal-footer{color:#a18c98}
.empty-state{color:#896d7b}
.empty-state strong{color:var(--ink)}
.modal-sheet{background:#fff}
.modal-sheet p{color:#806b76}
.modal-backdrop{background:rgba(44,4,24,.68)}
.modal-close{background:#ffedf4;color:var(--pink)}
.sheet-bar{background:#f6d8e3}
.step-count{background:#ffebf2;color:var(--pink)}
.warning-demo{background:#fff3e7;color:#8e6642}
.toast-show{background:#a30040}
/* Consistência do fundo dos cards e limite de tamanho no mobile */
@media(max-width:400px){
 .points-number{font-size:61px}
 .promo-hero strong{font-size:22px}
 .screen-header h1{font-size:28px}
}

/* V4.1 — Garantir visual coerente em todas as abas; reduzir logo home. */
:root { --pink:#ff0057; --green:#ff0057; --brand:#ff0057; --cream:#fff9fb; }
.premium-home .premium-header {padding:calc(17px + env(safe-area-inset-top)) 18px 14px;gap:14px;}
.premium-home .premium-header .premium-logo {
    width:40%; max-width:155px; min-width:0; height:auto; max-height:75px;
    object-fit:contain; object-position:left center; flex:0 1 155px;
}
.premium-header-actions {flex-shrink:0;}
/* Expand pink palette to ALL former green areas */
#app .loyalty-page {background:linear-gradient(180deg,#fff2f7 0%,#fff 410px)}
#app .loyalty-page .points-hero {background:linear-gradient(140deg,#ff0057 0%,#dc0050 62%,#ad114c 100%); color:#fff;}
#app .loyalty-page .points-hero .points-number,
#app .loyalty-page .points-hero .member-tier {color:#fff;}
#app .loyalty-page .points-hero .tier-pill {background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
#app .loyalty-page .progress-track {background:rgba(255,255,255,.30)}
#app .loyalty-page .progress-fill {background:#fff;}
#app .loyalty-page .feature-cell .ico,
#app .loyalty-page .benefit-icon {background:#ffe9f2;color:#ff0057;}
#app .promo-hero {background:linear-gradient(115deg,#ffe1ec 0%,#fff0f6 75%,#fff8fb 100%);border-color:#ffd6e4;}
#app .promo-hero .coupon-symbol {background:#ffd0e0;color:#ff0057;}
#app .promo-hero .eyebrow {color:#d9004c;}
#app .coupon-card .coupon-badge, #app .coupon-card.green .coupon-badge, #app .coupon-card.pink .coupon-badge,
#app .coupon-card.orange .coupon-badge {background:#ffe5ee;color:#ed0053;}
#app .coupon-card .save-btn {background:#ffe8f1;color:#da004a;}
#app .coupon-card .save-btn.saved {background:#ff0057;color:white;}
#app .pill-tab.active {background:#ff0057;color:white;border-color:#ff0057;}
#app .screen-header .eyebrow,
#app .screen .eyebrow {color:#d2346c;}
#app .screen .profile-menu .menu-icon,#app .screen .profile-avatar {color:#ff0057;background:#ffedf4;}
#app .screen .notice-card {color:#cc004b;background:#fff0f6;}
#app .location-hero {background:linear-gradient(130deg,#ffebf3,#fff6f9);}
#app .location-hero .location-circle {background:#ffcbdc;color:#f00053;}
#app .premium-home .exclusive-banner {background:linear-gradient(105deg,#ffe2ed,#fff0f6);border:1px solid #ffd3e2;}
#app .premium-home .exclusive-symbol {color:#ff0057;}
#app .premium-home .premium-cat:nth-child(4) .cat-icon {color:#cc2369;}
#app .screen .primary-button {background:#ff0057;}
#app .screen .outline-button {color:#e50050;}
#app .bottom-nav .nav-button.active {color:#ff0057;}
#app .screen .search-wrap {background:#fff3f8;border-color:#ffe0ea;}
@media(max-width:350px){ .premium-home .premium-header .premium-logo{width:39%;max-width:140px;} }