/* DePapelie Home v2 – correção visual baseada na tela aprovada */

/* Marca: aproximar da identidade original sem quebrar o carregamento */
.brand-logo{min-width:220px;justify-content:center}
.brand-word{font-size:39px;letter-spacing:-4px;filter:none}
.brand-word span{font-weight:800;-webkit-text-stroke:1.2px #2d292b;text-shadow:0 2px 0 #fff,0 3px 8px rgba(43,39,41,.08)}
.brand-word span:nth-child(1){font-size:48px}
.brand-word span:nth-child(7),.brand-word span:nth-child(8),.brand-word span:nth-child(9){color:#2f2b2d}
.brand-word b{font-size:24px;color:#f38dad;-webkit-text-stroke:0}
.brand-logo small{margin-top:7px;letter-spacing:.24em;font-size:8.5px}

/* Topo mais leve, igual à referência */
.topbar{height:86px;grid-template-columns:270px minmax(360px,1fr) auto;padding:0 32px;gap:24px;background:#fff;box-shadow:none}
.global-search{height:46px;border-radius:17px;box-shadow:none;max-width:650px}
.round-action,.module-button{height:44px;border-radius:14px}
.round-action{width:44px}
.profile>b{width:42px;height:42px}
.workspace{max-width:1660px;padding:18px 34px 38px}

/* Banner principal: composição mais próxima do layout aprovado */
.welcome-hero{height:300px;grid-template-columns:46% 54%;border-radius:20px;background:linear-gradient(90deg,#fffafa 0%,#fff5f5 44%,#fce8e5 100%);box-shadow:0 12px 34px rgba(105,75,83,.08);margin-bottom:16px}
.welcome-hero:before{background-image:radial-gradient(circle at 18px 18px,rgba(244,124,161,.08) 1.2px,transparent 1.3px),radial-gradient(circle at 38px 38px,rgba(255,210,136,.09) 1.2px,transparent 1.3px)}
.hero-copy{padding:34px 22px 28px 66px;justify-content:center}
.hero-copy h1{font-size:43px;line-height:1.03;max-width:570px;margin-bottom:15px}
.hero-copy p{font-size:14px;max-width:520px;line-height:1.5}
.hero-dots{margin-top:24px}

.atelier-scene{background:linear-gradient(90deg,rgba(255,247,246,.12),rgba(251,221,218,.58));overflow:hidden}
.atelier-scene:before{width:90px;background:linear-gradient(90deg,#fff5f4 0%,rgba(255,245,244,0) 100%)}
.scene-board{right:225px;top:88px;width:160px;height:82px;border-width:7px}
.scene-shelf{height:7px;background:#c99484}
.shelf-a{top:68px;width:180px;right:38px}.shelf-b{top:176px;width:142px;right:62px}
.scene-pencil-cup{right:180px;bottom:39px;width:68px;height:55px}
.scene-flower{left:42px;bottom:66px;width:52px;height:76px}
.mascot-window{left:58px;bottom:-34px;width:370px;height:324px;overflow:hidden;z-index:5}
.mascot-window img{width:330px;left:8px;top:0;clip-path:none;filter:drop-shadow(0 8px 14px rgba(86,54,64,.10));image-rendering:auto}
.hero-laptop{left:255px;bottom:31px;width:238px;height:137px;border-radius:11px;box-shadow:0 10px 20px rgba(119,72,84,.14)}
.hero-laptop span{font-size:31px}
.hero-mug{left:507px;bottom:39px;width:50px;height:44px}
.desk{bottom:25px;height:9px}

/* Cards: alinhados, sem visual “bagunçado”, mais próximos do aprovado */
.home-card-grid{gap:12px;margin-bottom:14px}
.home-card{height:104px;border-radius:15px;padding:13px 12px;grid-template-columns:52px 1fr 20px;gap:10px;box-shadow:none;background:#fff}
.home-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(93,68,76,.08)}
.home-card:after{display:none}
.card-icon{width:50px;height:50px;border-radius:14px;border:0}
.card-label{gap:1px;justify-content:center}
.card-label small{font-size:8px;color:#7f7478;line-height:1}
.card-label strong{font-size:12px;line-height:1.12;font-weight:700}
.card-label b{font-size:10px;line-height:1.15;font-weight:500;color:#6d6467;margin-top:2px}
.card-arrow{width:22px;height:22px;font-size:15px;border-color:#f1dfe4}

/* Destaques diferentes por módulo, mas discretos */
.home-card.rose{background:linear-gradient(180deg,#fff,#fff9fb)}
.home-card.peach{background:linear-gradient(180deg,#fff,#fffbf8)}
.home-card.lilac{background:linear-gradient(180deg,#fff,#fcfaff)}
.home-card.orange{background:linear-gradient(180deg,#fff,#fffcf8)}
.home-card.mint{background:linear-gradient(180deg,#fff,#fafffd)}
.home-card.sky{background:linear-gradient(180deg,#fff,#fbfdff)}
.home-card.green{background:linear-gradient(180deg,#fff,#fbfff9)}

/* Painéis inferiores como na referência aprovada */
.dashboard-bottom{gap:12px;grid-template-columns:1.03fr 1.05fr 1.08fr}
.dashboard-panel{border-radius:16px;padding:14px 15px;min-height:214px;box-shadow:none}
.panel-title{margin-bottom:11px}.panel-title strong{font-size:12.5px}
.summary-metrics{gap:8px}
.summary-metrics>div{border-radius:12px;padding:10px 8px}
.pricing-product{border-radius:11px}
.pricing-mini-grid{gap:7px}
.pricing-mini-grid>div{border-radius:10px;padding:9px 7px}
.purchase-row,.purchase-head{grid-template-columns:minmax(0,1.6fr) .55fr .55fr .55fr}
.home-footer-note{margin-top:12px;padding:9px 0;font-size:10px}

/* Desktop menor */
@media (max-width:1400px){
  .topbar{grid-template-columns:230px minmax(300px,1fr) auto;padding:0 24px;gap:16px}
  .brand-logo{min-width:190px}.brand-word{font-size:34px}.brand-word span:nth-child(1){font-size:42px}
  .welcome-hero{grid-template-columns:45% 55%}.hero-copy{padding-left:48px}.hero-copy h1{font-size:39px}
  .mascot-window{left:42px;width:340px}.mascot-window img{width:305px}
  .hero-laptop{left:226px;width:220px;height:128px}.hero-mug{left:462px}
  .home-card{grid-template-columns:46px 1fr 18px;padding:11px 10px}.card-icon{width:44px;height:44px}.card-label strong{font-size:11px}.card-label b{font-size:9.5px}
}

@media (max-width:1180px){
  .hide-small{display:none}.profile div{display:none}.profile{min-width:auto}.topbar{grid-template-columns:210px minmax(260px,1fr) auto}
  .home-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dashboard-bottom{grid-template-columns:1fr 1fr}.buying-plan{grid-column:1/-1}
}

@media (max-width:900px){
  .topbar{height:auto;min-height:78px;grid-template-columns:1fr auto;padding:12px 16px}.global-search{grid-column:1/-1;grid-row:2;height:42px}.workspace{padding:16px}
  .welcome-hero{height:auto;min-height:560px;grid-template-columns:1fr}.hero-copy{padding:30px 28px 10px}.hero-copy h1{font-size:38px}.atelier-scene{min-height:300px}.atelier-scene:before{display:none}
  .home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr}.buying-plan{grid-column:auto}
}

@media (max-width:560px){
  .brand-word{font-size:30px}.brand-word span:nth-child(1){font-size:36px}.brand-logo small{font-size:7px}.module-button span{display:none}
  .home-card-grid{grid-template-columns:1fr}.home-card{height:88px}.hero-copy h1{font-size:33px}.atelier-scene{min-height:270px}.mascot-window{left:12px;bottom:-35px}.hero-laptop{left:150px;bottom:28px;width:190px;height:112px}.scene-board,.scene-shelf,.scene-pencil-cup{display:none}
}