@import url("/frontend/assets/css/landing.css?v=20260803-responsive");

/* Atom One Moda — complementos originais sobre a base compartilhada da landing. */
.fashion-hero{min-height:790px;background:radial-gradient(circle at 73% 12%,#f4eaff 0,transparent 31%),linear-gradient(135deg,#fff 48%,#f7f4ff 100%)}
.fashion-hero:after{background:linear-gradient(135deg,#7357f2,#0757d9)}
.fashion-pdv-real video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.fashion-dashboard .dash-main{background:linear-gradient(180deg,#faf8ff,#f4f7ff)}
.fashion-products div{border-color:#e6ddf5}
.fashion-dashboard .grade-chip{margin:13px 0 0;background:#fff4e7;border:1px solid #ffd4a5;color:#d86100;border-radius:8px;padding:9px;text-align:center;font-size:9px;font-weight:900}
.fashion-flow{margin-top:-18px}
.fashion-flow .flow-products{gap:14px}
.fashion-flow .flow-product{min-height:112px;padding:10px 8px 12px;justify-content:center}
.fashion-flow .flow-product>span{font-size:34px;line-height:1.1}
.fashion-flow .flow-product>b{font-size:11px}
.fashion-flow .flow-product>small{font-size:7px;margin-top:3px}
.fashion-targets{grid-template-columns:1.25fr .9fr}
.label-target>div{grid-template-columns:repeat(3,1fr)}
.label-target span{font-size:18px;text-align:center}
.label-target b{font-size:7px}
.fashion-video{background:radial-gradient(circle at 70% 25%,rgba(192,151,255,.35),transparent 30%),linear-gradient(135deg,#19113e 0%,#482b91 58%,#0757d9 100%)}
.video-frame video.fashion-video{display:block;width:100%;height:auto;object-fit:cover}
.labels-section{background:linear-gradient(135deg,#140d34,#30206f)}
.label-card .ingredients span{background:#faf8ff;border-color:#e7def7}
.credit-section{background:linear-gradient(135deg,#f5f0ff,#eff8ff)}
.credit-card .file-icon{background:#efeaff;color:#6e43d6}
.credit-card strong{white-space:nowrap;font-size:14px;background:#eaf8f1;padding:8px 10px;border-radius:8px}

@media(max-width:760px){
  .fashion-hero{min-height:auto}
  .fashion-hero .hero-visual{height:600px}
  .fashion-pdv-real,.fashion-flow{min-width:700px;transform:scale(.68);transform-origin:top left}
  .fashion-flow{margin-top:-105px;margin-left:0}
  .fashion-flow .flow-product{min-height:112px}
  .fashion-targets{grid-template-columns:1.25fr .9fr}
  .label-target>div{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:480px){
  .fashion-hero .hero-visual{height:auto;overflow:visible}
  .fashion-pdv-real,.fashion-flow{min-width:0;width:100%;transform:none}
  .fashion-flow{margin:14px 0 0}
  .fashion-flow .flow-products{gap:4px}
  .fashion-flow .flow-product{min-height:86px;padding:7px 2px}
  .fashion-flow .flow-product>span{font-size:24px}
  .fashion-flow .flow-product>b{font-size:9px}
  .fashion-flow .flow-product>small{font-size:6px}
  .fashion-flow .flow-map{height:38px}
  .fashion-targets{grid-template-columns:1fr;gap:8px;padding:0}
  .fashion-targets .stock-target,.fashion-targets .copao-target{min-height:72px}
}