.container-outer{max-width:1200px;margin:0 auto}
.btn-yellow{background:#F0B90B;color:#1a1a1a;font-weight:900;border-radius:999px;padding:14px 22px}
.btn-red{background:#D70D0D;color:#fff;font-weight:800;border-radius:999px;padding:14px 22px}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:#2228;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}
.hero-nav.left{left:10px}.hero-nav.right{right:10px}
.hero-slide{display:none}.hero-slide.active{display:block}
.dot{width:10px;height:10px;border-radius:999px;background:#666}.dot.active{background:#ddd}
.title-center{text-align:center;font-weight:900;color:#0f172a;font-size:clamp(28px,3vw,40px)}
.feat-card{
  border-radius:16px; padding:26px; border:1px solid #eee;
  text-align:center; transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.feat-ico{display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.feat-ico svg{width:34px;height:34px}           /* tamanho igual ao print */
@media (max-width: 767px){ .feat-ico svg{width:28px;height:28px} }

.feat-title{
  font-weight: 700;                               /* títulos em negrito como na 1ª imagem */
  color:#0f172a; font-size:20px; margin:0 0 8px;
}
.feat-desc{
  font-weight: 400; font-size:16px; line-height:1.6; color:#475569;
}

/* Cores base e HOVER (um tom mais forte) */
.feat-1{ background:#FDECEC; border-color:#F3D3D3; }
.feat-1:hover{ background:#FBDADA; border-color:#E9BDBD; box-shadow:0 8px 22px rgba(220,38,38,.10); }

.feat-2{ background:#ECFFF2; border-color:#D1F7DE; }
.feat-2:hover{ background:#DFFEEA; border-color:#BDEFD0; box-shadow:0 8px 22px rgba(34,197,94,.12); }

.feat-3{ background:#FFFBE6; border-color:#F3EAC1; }
.feat-3:hover{ background:#FFF4CC; border-color:#EADFA4; box-shadow:0 8px 22px rgba(245,158,11,.12); }

.feat-4{ background:#EEF4FF; border-color:#D6E5FF; }
.feat-4:hover{ background:#E3ECFF; border-color:#C7DBFF; box-shadow:0 8px 22px rgba(37,99,235,.12); }
.prod-card{background:#fff;border-radius:18px;border:1px solid #e9e9e9;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.07)}
.prod-img{position:relative;background:#fff}
.prod-img img{display:block;width:100%;height:auto}
.badge-red{position:absolute;left:14px;top:14px;background:#D70D0D;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700}
.badge-green{position:absolute;right:14px;top:14px;background:#16A34A;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:800}
.prod-body{padding:18px}
.stock-badge{display:inline-block;background:#FFE7D6;color:#C2410C;border-radius:999px;padding:6px 12px;font-weight:700;font-size:12px;margin-bottom:8px}
.prod-title{font-size:clamp(22px,2.4vw,28px);font-weight:800}
.prod-sub{color:#374151;margin-top:2px}
.prod-desc{color:#374151;margin:10px 0}
.benefits{display:grid;gap:6px;color:#164e3a}
.price-wrap{display:flex;align-items:flex-end;gap:12px;margin:12px 0 16px}
.price{color:#059669;font-size:28px;font-weight:900}
.strike{text-decoration:line-through;color:#9ca3af}
.testi{background:#FFECEC;border:1px solid #F7DEDE;border-radius:16px;padding:20px;color:#111}
.auth{font-weight:800;margin-top:12px}
.role{color:#6b7280;font-size:14px}
.g-card{background:#fff;color:#111;border-radius:16px;padding:22px;border:1px solid #e9e9e9}
.g-ico{font-size:28px}
.g-title{font-weight:800;margin:8px 0 6px}