:root{
  --brand:#124D55;
  --text:#1b1b1b;
  --muted:#505050;
  --container:1200px;
  --panel:#e9eceb;
  --panel-deep:#dfe4e2;
}

*{ box-sizing:border-box }
html,body{ margin:0; padding:0 }
body{ font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial; color:var(--text); }
img{ display:block; max-width:100%; }

/* Layout base */
.container{ max-width:var(--container); margin:0 auto; padding:0 1rem }

/* ===== Hero do produto ===== */
.p-hero{ background:linear-gradient(180deg,#f7f9f8,#fff); padding: clamp(1.5rem,4vw,2.5rem) 0; }
.p-hero__grid{
  display:grid; grid-template-columns: 1.1fr 1fr; gap: clamp(1rem,3vw,2rem); align-items:center;
}
@media (max-width: 960px){
  .p-hero__grid{ grid-template-columns:1fr; }
}
.p-hero__media{ margin:0; }
.p-hero__media img{ width: 50%; margin-inline:auto; object-fit:contain; }

.p-hero__data{ display:grid; gap:1rem; }
.p-title{ margin:.25rem 0 .5rem; color:var(--brand); font-weight:900; line-height:1.1;
  font-size: clamp(1.4rem, 2.6vw, 1.8rem);
}

/* “barras” de dados tipo referência */
.p-bars{
  background:#eef0ef; border:1px solid #d5dad8; border-radius:10px; padding:.75rem;
  display:grid; gap:.5rem;
}
.p-bar{
  background:var(--panel-deep); color:#223; font-weight:800; font-size:.9rem;
  padding:.55rem .75rem; border-radius:4px; letter-spacing:.2px;
}
.p-bar--line{ background:var(--brand); color:#fff; }

/* Benefícios (sem ícones) */
.p-benefits{ list-style:none; margin:0; padding:0; display:grid; gap:.75rem }
.p-benefits li{ line-height:1.5; color:var(--muted); }
.p-benefits b{ color:#162; color:var(--text); }

/* ===== Abas ===== */
.tabs{ padding: clamp(1.25rem,4vw,2rem) 0; }
.tabs__list{ display:flex; gap:.5rem; position:relative; }
.tab{
  border:0; background:#d0d8d6; color:#223; font-weight:900; letter-spacing:.2px;
  padding:.9rem 1.1rem; border-radius:10px 10px 0 0; cursor:pointer;
}
.tab.is-active{ background:var(--brand); color:#fff; }
.tab:focus-visible{ outline:2px solid var(--brand); outline-offset:2px }

.tabs__panels{
  border:1px solid #d5dad8; border-radius:0 12px 12px 12px; background:#f7f9f8;
  padding: clamp(1rem, 3vw, 1.25rem);
}
.tab-panel[hidden]{ display:none }

.p-composition{ color:var(--muted); font-weight:500; line-height:1.7; }
.p-table{ width:100%; border-collapse:collapse; font-weight:600; color:#2b2b2b; }
.p-table tr:nth-child(odd){ background:#ffffff }
.p-table tr:nth-child(even){ background:#f1f4f3 }
.p-table td{ padding:.6rem .7rem; border-bottom:1px solid #e3e7e6; }
.p-table td:first-child{ width:48%; }

/* ===== Textos ===== */
.p-info{ padding: clamp(1.25rem,4vw,2rem) 0; }
.p-info__grid{
  display:grid; gap: clamp(1rem, 3vw, 2rem);
  grid-template-columns: 1fr 1fr;
}
.p-card{ background: linear-gradient(180deg,#f6f8f9,#ffffff); border:1px solid #e2e7e7; border-radius:12px; padding: clamp(1rem,3vw,1.25rem); }
.p-card--wide{ grid-column:1/-1 }
.p-h2{ margin:0 0 .5rem; color:var(--brand); font-size: clamp(1.2rem,2.2vw,1.5rem); font-weight:900 }
.p-card p{ margin:0; color:var(--muted); line-height:1.7; font-weight:500 }
@media (max-width: 900px){
  .p-info__grid{ grid-template-columns:1fr; }
}