/* V3.3 — Capas de certeza y visual acústica hipotética */
.v33-certainty-panel,
.v33-acoustic-panel {
  position: relative;
  overflow: hidden;
}
.v33-certainty-panel:before,
.v33-acoustic-panel:before {
  content:"";
  position:absolute;
  inset:auto -12% -45% auto;
  width:28rem;
  height:28rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(197,139,66,.16), transparent 68%);
  pointer-events:none;
}
.v33-filter {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.1rem 0 1.25rem;
}
.v33-filter button {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border:1px solid rgba(19,63,53,.18);
  border-radius:999px;
  padding:.52rem .78rem;
  background:#fffaf1;
  color:#193f36;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(31,42,35,.06);
}
.v33-filter button:before {
  content:"";
  width:.68rem;
  height:.68rem;
  border-radius:50%;
  background:var(--v33-dot, #c58b42);
}
.v33-filter button[aria-pressed="false"] {
  opacity:.48;
  text-decoration:line-through;
}
.v33-filter [data-v33-filter="doc"] { --v33-dot:#c58b42; }
.v33-filter [data-v33-filter="plau"] { --v33-dot:#1f6f55; }
.v33-filter [data-v33-filter="recep"] { --v33-dot:#29496f; }
.v33-filter [data-v33-filter="no"] { --v33-dot:#7a817c; }
.v33-cert-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1rem;
  margin-top:1rem;
}
.v33-cert-card {
  border:1px solid rgba(19,63,53,.14);
  border-top:5px solid var(--v33-level-color, #c58b42);
  border-radius:22px;
  background:rgba(255,250,241,.92);
  padding:1rem;
  box-shadow:0 16px 36px rgba(31,42,35,.07);
  transition:opacity .2s ease, filter .2s ease, transform .2s ease;
}
.v33-cert-card:hover { transform:translateY(-2px); }
.v33-cert-card[data-v33-level="doc"] { --v33-level-color:#c58b42; }
.v33-cert-card[data-v33-level="plau"] { --v33-level-color:#1f6f55; }
.v33-cert-card[data-v33-level="recep"] { --v33-level-color:#29496f; }
.v33-cert-card[data-v33-level="no"] { --v33-level-color:#7a817c; border-top-style:dashed; }
.v33-cert-card.v33-dim { opacity:.28; filter:grayscale(.65); }
.v33-year {
  display:block;
  color:var(--v33-level-color, #c58b42);
  font-weight:950;
  font-size:.88rem;
  margin-bottom:.35rem;
}
.v33-tag {
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  border:1px solid var(--v33-level-color, #c58b42);
  color:var(--v33-level-color, #c58b42);
  border-radius:999px;
  padding:.22rem .52rem;
  font-size:.72rem;
  font-weight:900;
  margin-bottom:.55rem;
}
.v33-cert-card h3 { margin:.25rem 0 .45rem; }
.v33-cert-card p { color:var(--muted); font-size:.95rem; }
.v33-cert-card a { font-weight:900; color:var(--green); }
.v33-method-note {
  border-left:5px solid #c58b42;
  background:#fff8ea;
  border-radius:18px;
  padding:1rem;
  margin:1rem 0 0;
  color:#5c3f19;
}
.v33-acoustic-wrap {
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(280px,.9fr);
  gap:1.2rem;
  align-items:center;
  margin-top:1.2rem;
}
.v33-radar-shell {
  background:linear-gradient(145deg,#0b241e,#113d33);
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  padding:1rem;
  box-shadow:0 22px 48px rgba(13,37,32,.22);
}
.v33-radar { display:block; width:100%; height:auto; max-width:520px; margin:0 auto; }
.v33-ring { fill:none; stroke:rgba(227,169,73,.24); stroke-width:1.2; }
.v33-ring-label { fill:rgba(255,250,241,.66); font-size:9px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.v33-gernika { fill:#e3a949; }
.v33-gernika-label { fill:#e3a949; font-size:10px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.v33-peak { cursor:pointer; outline:none; }
.v33-peak .v33-hit { fill:transparent; }
.v33-peak .v33-core { transition:transform .18s ease, stroke .18s ease, filter .18s ease; transform-origin:center; }
.v33-peak text { fill:#fffaf1; font-size:11px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; pointer-events:none; }
.v33-peak:hover .v33-core,
.v33-peak.v33-active .v33-core,
.v33-peak:focus .v33-core { stroke:#fffaf1; stroke-width:2.4; filter:drop-shadow(0 0 6px rgba(227,169,73,.7)); }
.v33-acoustic-info {
  background:rgba(19,63,53,.06);
  border:1px solid rgba(19,63,53,.16);
  border-radius:24px;
  padding:1.15rem;
  min-height:285px;
}
.v33-acoustic-info h3 { margin:0 0 .25rem; font-size:1.55rem; color:var(--green); }
.v33-mt-sub {
  color:#8b6025;
  font-weight:900;
  font-size:.82rem;
  margin-bottom:.95rem;
}
.v33-meter { margin:.85rem 0; }
.v33-meter label {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:#415047;
  font-size:.8rem;
  font-weight:950;
  text-transform:uppercase;
}
.v33-meter-bg {
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(19,63,53,.12);
  margin-top:.25rem;
}
.v33-meter-fill { height:100%; border-radius:999px; background:var(--v33-meter-color,#c58b42); transition:width .25s ease; }
.v33-mt-note { margin-top:1rem; }
.v33-mt-caution {
  margin-top:.9rem;
  padding-top:.9rem;
  border-top:1px dashed rgba(19,63,53,.2);
  color:#5f6b63;
  font-size:.92rem;
  font-style:italic;
}
@media (max-width: 820px) {
  .v33-acoustic-wrap { grid-template-columns:1fr; }
  .v33-cert-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .v33-cert-card, .v33-meter-fill, .v33-peak .v33-core { transition:none !important; }
}