/* Ofertas Poconé — arquivo mestre recuperado em 19/09/2026 */
/* Base estrutural */
:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#006B43;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 0%,#234d3e 0,transparent 55%)}main{max-width:520px;margin:auto;padding:52px 24px 28px}.brand{display:flex;align-items:center;gap:15px;margin-bottom:35px}.monogram{width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;border:1px solid #ddfa70;border-radius:18px;color:#ddfa70;font-size:24px;font-weight:800;letter-spacing:-1px}.location{font-size:12px;letter-spacing:2.5px;color:#bed0c6;margin:0 0 7px}.brand-name{font-weight:700;font-size:20px;margin:0}h1{font-size:clamp(36px,8vw,46px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 16px;font-weight:800}h1 span{color:#ddfa70}.intro{font-size:16px;line-height:1.55;color:#c1d1c9;margin:0 0 30px;max-width:370px}.links{display:grid;gap:12px}a{text-decoration:none;color:inherit}.link{display:flex;align-items:center;gap:16px;min-height:76px;padding:17px 20px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff06;transition:background .16s,transform .16s}.link:hover{transform:translateY(-2px);background:#ffffff10}.link:focus-visible{outline:3px solid #ddfa70;outline-offset:4px}.icon{width:38px;height:38px;display:grid;place-items:center;font-size:19px;flex-shrink:0;border-radius:11px;background:#ffffff0c;font-weight:bold}.label{flex:1;min-width:0}.label strong{display:block;font-size:17px}.label small{display:block;font-size:14px;line-height:1.4;margin-top:4px;color:#c1d1c9}.arrow{font-size:22px;font-weight:400}.shop{background:#ddfa70;color:#006B43;border-color:#ddfa70;min-height:92px}.shop:hover{background:#e8ff97}.shop .icon{background:#006B4310}.shop .label small{color:#33513a}.whatsapp{border-color:#ddfa7055}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#a7bfb3;margin:29px 0 14px}footer{text-align:center;color:#a7bfb3;font-size:12px;letter-spacing:.5px;margin:34px 0 0}.instagram{font-size:27px}.pinterest{font-family:Georgia,serif;font-style:italic;font-size:27px}.tiktok{font-size:25px}@media(min-width:800px){main{padding-top:65px}}@media(prefers-reduced-motion:reduce){.link{transition:none}}@media(max-width:350px){main{padding:28px 17px}.link{padding:16px 14px;gap:12px}}

/* Aparência atual recuperada do site */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{font-family:'Poppins',Arial,sans-serif;color:#202522;background:#f1f7f3;color-scheme:light}body{background:#f1f7f3}main{max-width:860px;padding:36px;margin:32px auto;background:#fff;border:1px solid #dce8df;border-radius:24px}.brand{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #dce8df}.monogram{background:#006B43;border:0;border-radius:14px;color:#FFC928;font-weight:800}.location{color:#00452E}.brand-name{color:#006B43;font-size:24px;font-weight:800}.brand-name span{color:#00452E;background:#FFC928;padding:0 5px;border-radius:4px}.hero{background:#006B43;border-radius:18px;padding:32px;margin-bottom:26px;color:#fff}h1{font-size:clamp(30px,5.5vw,44px);line-height:1.2;letter-spacing:-1px;margin:0 0 16px;font-weight:800}h1 span{color:#FFC928}.intro{color:#fff;font-size:16px;line-height:1.65;margin:0;max-width:580px}.links{gap:14px}.commerce{grid-template-columns:repeat(3,minmax(0,1fr))}.link{background:#fff;border:1px solid #dce8df;color:#202522;border-radius:14px;padding:18px;min-height:84px}.link:hover{background:#f1f8f3;border-color:#006B43}.link:focus-visible{outline:3px solid #00452E;outline-offset:4px}.icon{background:#edf6f0;color:#006B43;border-radius:10px;width:40px;height:40px}.label strong{color:#00452E;font-weight:700;font-size:17px;line-height:1.4}.label small{color:#202522;font-size:14px;line-height:1.5}.arrow{color:#006B43}.shop,.market,.shopee{flex-wrap:wrap;align-items:flex-start;padding:22px;min-height:190px;background:#fff}.shop:hover,.market:hover,.shopee:hover{background:#f8fbf9}.shop .icon,.market .icon,.shopee .icon{background:#FFC928;color:#00452E;font-size:17px}.shop .label,.market .label,.shopee .label{flex-basis:calc(100% - 60px)}.shop .label small{color:#202522}.cta{display:block;width:100%;padding:11px 14px;border-radius:9px;background:#F97316;color:#202522;text-align:center;font-size:14px;font-weight:700}.whatsapp{grid-column:1/-1;background:#f1f8f3;border-color:#dce8df}.whatsapp .icon{background:#006B43;color:#fff}.section-label{font-size:14px;letter-spacing:0;font-weight:600;color:#00452E;margin:27px 0 13px}.social{grid-template-columns:1fr 1fr}.social .label small{display:none}.pinterest{font-family:Arial,sans-serif;font-style:normal}footer{margin-top:28px;padding-top:22px;border-top:1px solid #dce8df;color:#00452E;font-size:12px}@media(max-width:620px){main{margin:0;padding:26px 20px;border:0;border-radius:0}.hero{padding:26px 22px}.commerce{grid-template-columns:1fr}.shop,.market,.shopee{min-height:0}.social{gap:10px}.social .link{padding:14px 11px;gap:9px}.social .icon{width:30px;height:35px}.social .label strong{font-size:14px}.social .arrow{display:none}.brand-name{font-size:20px}}@media(max-width:350px){.social{grid-template-columns:1fr}main{padding:22px 16px}h1{font-size:29px}}@media(prefers-reduced-motion:reduce){.link:hover{transform:none}}
.official-brand{display:flex;justify-content:center;padding:0;border:0;margin:0 0 24px}.official-brand img{display:block;width:300px;max-width:100%;height:auto;object-fit:contain}.hero{padding:24px 28px}h1{font-size:clamp(28px,4vw,36px)}@media(min-width:760px){main{display:grid;grid-template-columns:260px 1fr;gap:0 28px}.official-brand{grid-column:1;grid-row:1;margin:0;align-self:center}.official-brand img{width:260px}.hero{grid-column:2;grid-row:1;align-self:center;margin-bottom:0}.commerce,.section-label,.social,footer{grid-column:1/-1}.commerce{margin-top:26px}}@media(max-width:620px){.official-brand img{width:230px}.official-brand{margin-bottom:20px}.hero{padding:22px}.hero h1{font-size:29px}}

.link .platform-icon{background:#FFFFFF;border:1px solid #e4eae6;overflow:hidden}.platform-icon img{display:block;width:28px;height:28px;object-fit:contain}.shop .platform-icon,.market .platform-icon,.shopee .platform-icon{width:44px;height:44px}.shop .platform-icon img,.market .platform-icon img,.shopee .platform-icon img{width:34px;height:34px}


/* Shopee storefront */
.shopee .platform-icon{background:#fff5f1;border-color:#f3c8bc}
.shopee .platform-icon img{width:34px;height:34px}
@media(max-width:760px){.commerce{grid-template-columns:1fr}}


/* =========================================================
   AJUSTE V3 — proporções iguais Magalu / Mercado Livre / Shopee
   ========================================================= */

/* Três vitrines com a mesma largura e a mesma altura no desktop */
.commerce{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px;
  align-items:stretch;
}

/* Cartões comerciais idênticos em proporção */
.commerce > .shop,
.commerce > .market,
.commerce > .shopee{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  column-gap:16px;
  row-gap:12px;
  width:100%;
  min-width:0;
  min-height:210px;
  padding:22px;
  align-items:start;
  flex-wrap:initial;
}

/* Ícone na primeira coluna */
.commerce > .shop .platform-icon,
.commerce > .market .platform-icon,
.commerce > .shopee .platform-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:44px;
  height:44px;
  margin:0;
}

/* Texto usa toda a área disponível sem estreitar */
.commerce > .shop .label,
.commerce > .market .label,
.commerce > .shopee .label{
  grid-column:2;
  grid-row:1 / span 2;
  width:auto;
  min-width:0;
  flex:none;
  flex-basis:auto;
}

.commerce > .shop .label strong,
.commerce > .market .label strong,
.commerce > .shopee .label strong{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* Botões laranja alinhados no rodapé dos três cartões */
.commerce > .shop .cta,
.commerce > .market .cta,
.commerce > .shopee .cta{
  grid-column:1 / -1;
  grid-row:3;
  align-self:end;
  width:100%;
  margin-top:auto;
  box-sizing:border-box;
}

/* WhatsApp continua ocupando a largura inteira */
.commerce > .whatsapp{
  grid-column:1 / -1 !important;
  display:flex !important;
  min-height:84px;
}

/* Em telas menores, todas as vitrines ficam empilhadas,
   ainda com a mesma largura e proporção entre si. */
@media(max-width:900px){
  .commerce{
    grid-template-columns:1fr !important;
  }

  .commerce > .shop,
  .commerce > .market,
  .commerce > .shopee{
    min-height:176px;
  }
}