
:root{
  --pink:#ef8ea5; --pink-dark:#df768e; --pink-soft:#fff2f4;
  --mint:#77b99e; --blue:#73aeca; --ink:#252b2e; --muted:#6d7377;
  --line:#e8e8e8; --cream:#fffaf4;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}.promo{height:39px;background:linear-gradient(90deg,#fff2f4,#fff9f8);display:flex;align-items:center;justify-content:center;gap:66px;font-size:12px;border-bottom:1px solid #f1e6e7}
header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #eee}
.header-main{height:126px;display:grid;grid-template-columns:340px minmax(300px,560px) 1fr;align-items:center;gap:25px;padding:0 4.2vw}
.logo-wrap{display:flex;align-items:center;height:100%}.logo-wrap img{width:330px;max-height:105px;object-fit:contain}
.search{height:50px;border:1px solid #dfe1e2;border-radius:28px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#767c80;font-size:14px}.search b{font-size:27px;color:#f06f8b;font-weight:400}
.header-contact{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-size:13px;font-weight:800}.header-contact a{display:flex;align-items:center;gap:8px}.header-contact>a:first-child{color:#252525}.header-contact>a:first-child::first-letter{color:#ed6687}.wa{color:#111}.wa::first-letter{color:#17ad61}.icon{display:grid;text-align:center;font-size:26px;line-height:24px}.icon small{font-size:9px;margin-top:3px}
.nav-row{height:55px;border-top:1px solid #f2f2f2}.nav-row nav{height:100%;display:flex;align-items:center;gap:35px;padding:0 5vw;font-size:14px;font-weight:800}.nav-row a,.drop button{height:100%;display:flex;align-items:center;border:0;background:none;font:inherit;cursor:pointer}.nav-row .active{color:#ee7691;border-bottom:3px solid #ed8098}.sale{color:#ef718c!important}.drop{height:100%;position:relative}.drop-menu{display:none;position:absolute;top:52px;right:0;width:175px;background:#fff;border:1px solid #eee;border-radius:0 0 14px 14px;box-shadow:0 18px 30px #0002;padding:9px}.drop:hover .drop-menu{display:grid}.drop-menu a{height:auto!important;padding:10px;border-radius:8px}.drop-menu a:hover{background:#fff2f4}
.hero{height:360px;display:grid;grid-template-columns:39% 61%;background:#fff5f2;overflow:hidden}.hero-copy{padding:34px 25px 25px 6.3vw;background:linear-gradient(95deg,#fff5f2 80%,rgba(255,245,242,.88));position:relative;z-index:2}.hero .pre{font-size:21px;color:#5a7c70;margin:0 0 7px}.hero h1{font-family:"DM Serif Display",Georgia,serif;font-size:46px;line-height:1.06;color:#ed7893;margin:0}.ornament{color:#77b99e;letter-spacing:2px;margin:6px 0 9px}.desc{font-size:16px;line-height:1.45;max-width:490px;margin:0 0 17px}.cta{display:flex;gap:14px}.btn{height:42px;padding:0 22px;border-radius:6px;display:inline-flex;align-items:center;font-weight:900;font-size:13px}.pink{background:#ed8098;color:#fff}.outline{border:1px solid #9a8985;background:#fff;color:#222}.hero-photo{background-image:linear-gradient(90deg,#fff5f2 0%,rgba(255,245,242,.15) 15%,transparent 35%),url("assets/hero-aprovado.jpg");background-size:cover;background-position:center}
.benefits{height:84px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;border-bottom:1px solid #ececec;background:#fff;padding:0 4vw}.benefits>div{display:flex;align-items:center;gap:12px;padding:0 15px;border-right:1px solid #e7e7e7}.benefits>div:last-child{border:0}.benefits b{font-size:28px;color:#ef8198}.benefits span{display:grid;font-size:12px}.benefits strong{font-size:12px}.benefits small{font-size:11px;color:#555;margin-top:2px}
.collections{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:16px 2.2vw 12px;background:#fff}.cat{height:143px;border-radius:14px;overflow:hidden;position:relative;background:#fff5f6;border:1px solid #f0eded}.cat img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.cat>div{position:absolute;right:0;top:0;height:100%;width:53%;padding:18px 13px;background:linear-gradient(90deg,rgba(255,255,255,.70),rgba(255,255,255,.95))}.cat h2{font-family:"DM Serif Display",Georgia,serif;color:#e66f8b;font-size:24px;margin:0 0 3px}.cat:nth-child(2) h2{color:#66a68e}.cat:nth-child(3) h2{color:#c08c55}.cat p{font-size:11px;line-height:1.35;margin:0 0 10px}.cat span{display:inline-block;background:#eb8099;color:#fff;font-size:10px;font-weight:800;padding:7px 13px;border-radius:5px}.cat span.green{background:#6fac91}.cat span.tan{background:#bf8c59}
.bottom-strip{min-height:150px;background:linear-gradient(90deg,#fff2f4,#f7fbf8);border-top:1px solid #f1e9e8;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.35fr;align-items:center;padding:14px 4vw;gap:28px}.grupo-box{display:grid;grid-template-columns:155px 130px 1fr;align-items:center;gap:10px}.grupo-box h3{font-family:"DM Serif Display",Georgia,serif;color:#e06f88;font-size:20px;margin:0}.grupo-box img{width:125px;max-height:92px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.grupo-box p{font-size:10px;line-height:1.35;margin:0}.contact-box{display:grid;border-left:1px solid #e5dbdb;padding-left:24px}.contact-box b{color:#4e6d62;margin-bottom:5px}.contact-box a{font-size:12px;color:#5d6264}
footer{background:#303639;color:#d9dddd;text-align:center;padding:11px;font-size:11px}
@media(max-width:1100px){.promo{gap:20px}.header-main{grid-template-columns:250px 1fr}.logo-wrap img{width:240px}.header-contact{grid-column:1/-1;justify-content:center;height:35px}.header-main{height:auto;padding-top:10px;padding-bottom:8px}.nav-row nav{overflow-x:auto;gap:22px}.hero{grid-template-columns:48% 52%}.benefits{grid-template-columns:repeat(3,1fr);height:auto;padding:15px}.benefits>div{padding:10px}.collections{grid-template-columns:repeat(2,1fr)}.bottom-strip{grid-template-columns:1fr 1fr}.grupo-box{grid-column:1/-1}}
@media(max-width:700px){.promo span:nth-child(n+3){display:none}.promo{justify-content:space-around;font-size:10px}.header-main{display:flex;flex-wrap:wrap;justify-content:center}.logo-wrap img{width:270px}.search{width:100%}.header-contact{width:100%;gap:15px;flex-wrap:wrap}.nav-row nav{padding:0 15px}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:36px 24px}.hero h1{font-size:41px}.hero-photo{height:330px;background-position:64% center}.benefits{grid-template-columns:1fr 1fr}.collections{grid-template-columns:1fr}.cat{height:165px}.bottom-strip{grid-template-columns:1fr;text-align:center}.grupo-box{grid-template-columns:1fr}.contact-box{border-left:0;border-top:1px solid #eadede;padding:12px 0}}

/* V4 — logos oficiais e ícones sociais */
.logo-wrap{overflow:visible!important}
.logo-wrap img{width:315px!important;height:92px!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
.social-link img{width:27px;height:27px;display:block}
.header-contact .social-link{gap:8px}
.btn img{width:20px;height:20px;margin-right:7px}
.grupo-box img{width:150px!important;height:auto!important;max-height:95px!important;object-fit:contain!important;background:transparent!important;padding:0!important;border-radius:0!important}
.contact-box b{display:flex;align-items:center;gap:8px}
.contact-box b img{width:25px;height:25px}
@media(max-width:700px){.logo-wrap img{width:280px!important;height:88px!important}}

/* V5 — ajuste fino do rodapé / contatos */
.bottom-strip{
  min-height:140px;
  padding:18px 3.4vw;
  grid-template-columns:1.65fr .95fr .95fr 1.15fr;
  gap:0;
}
.grupo-box{
  display:grid;
  grid-template-columns:175px 145px 1fr;
  align-items:center;
  gap:14px;
  padding-right:28px;
}
.grupo-title h3{
  margin:0;
  font-family:"DM Serif Display",Georgia,serif;
  color:#e27690;
  font-size:20px;
  line-height:1.28;
}
.grupo-logo{
  display:flex;
  align-items:center;
  justify-content:center;
}
.grupo-logo img{
  width:135px!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}
.grupo-box p{
  font-size:11px;
  line-height:1.45;
  margin:0;
  max-width:250px;
}
.contact-box{
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid #e4dcdc;
  padding-left:30px;
}
.contact-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:7px;
}
.contact-title img{
  width:28px;
  height:28px;
  flex:0 0 auto;
}
.contact-title b{
  font-size:18px;
  color:#46695d;
  line-height:1;
}
.contact-box>a{
  font-size:13px;
  color:#5f6265;
  margin-left:38px;
  white-space:nowrap;
}
.mail-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#ed8ba1;
  color:white;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  flex:0 0 auto;
}
@media(max-width:1100px){
  .bottom-strip{grid-template-columns:1fr 1fr}
  .grupo-box{grid-column:1/-1;grid-template-columns:180px 150px 1fr;padding-bottom:18px}
}
@media(max-width:700px){
  .bottom-strip{grid-template-columns:1fr}
  .grupo-box{grid-template-columns:1fr;text-align:center;padding-right:0}
  .grupo-logo img{width:150px!important;max-height:85px!important}
  .grupo-box p{max-width:100%;margin:auto}
  .contact-box{border-left:0;border-top:1px solid #eadede;padding:14px 0;align-items:center}
  .contact-box>a{margin-left:0}
}

/* V6 — cards de categorias refeitos sem texto embutido e sem sombras */
.collections{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  padding:20px 2.2vw 18px;
  background:#fff;
}
.cat{
  height:178px;
  display:grid;
  grid-template-columns:48% 52%;
  border:1px solid #ece7e5;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:none!important;
  transition:none!important;
}
.cat:hover{transform:none!important;box-shadow:none!important}
.cat-photo{
  width:100%;
  height:100%;
  overflow:hidden;
}
.cat-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  position:static!important;
  inset:auto!important;
  opacity:1!important;
  filter:none!important;
}
.cat-copy{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:24px 18px!important;
  background:transparent!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cat h2{
  font-family:"DM Serif Display",Georgia,serif;
  font-size:25px;
  line-height:1;
  margin:0 0 8px;
}
.cat p{
  font-size:12px;
  line-height:1.35;
  margin:0 0 15px;
  color:#313638;
}
.cat span{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 16px;
  border-radius:6px;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.cat-meninas{background:#fff4f6}.cat-meninas h2{color:#e46f8a}.cat-meninas span{background:#eb7f98}
.cat-meninos{background:#f4faf7}.cat-meninos h2{color:#6ba78f}.cat-meninos span{background:#6fab91}
.cat-bebes{background:#fff8ef}.cat-bebes h2{color:#c3905c}.cat-bebes span{background:#c38f5a}
.cat-novidades{background:#fff4f5;grid-template-columns:58% 42%}.cat-novidades h2{color:#e46f8a}.cat-novidades span{background:#eb7f98}
.cat-novidades .cat-copy{order:1}.cat-novidades .cat-photo{order:2}
@media(max-width:1100px){
  .collections{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .collections{grid-template-columns:1fr}
  .cat{height:170px}
}
