/* ==========================================================================
   PROTTEKT — Componentes base
   ========================================================================== */
.pk-container{width:100%;max-width:var(--pk-container);margin-inline:auto;padding-inline:var(--pk-4)}
@media (min-width:768px){.pk-container{padding-inline:var(--pk-6)}}

/* Micro-label técnico */
.pk-eyebrow{font-family:var(--pk-mono);font-size:var(--pk-fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--pk-orange-dark);font-weight:600}
.pk-eyebrow--muted{color:var(--pk-faint)}
.pk-rule{display:block;width:38px;height:3px;background:var(--pk-orange);border-radius:var(--pk-r-pill)}

/* ==========================  Botões  ================================== */
.pk-btn{--_bg:var(--pk-orange);--_fg:#fff;--_bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:var(--pk-2);
  min-height:46px;padding:0 var(--pk-5);border:1.5px solid var(--_bd);border-radius:var(--pk-r);
  background:var(--_bg);color:var(--_fg);font-size:var(--pk-fs-body);font-weight:600;letter-spacing:-.005em;
  cursor:pointer;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s;
  -webkit-tap-highlight-color:transparent;text-decoration:none;user-select:none;white-space:nowrap}
.pk-btn:hover{text-decoration:none;color:var(--_fg)}
.pk-btn:active{transform:translateY(1px)}
.pk-btn svg{width:19px;height:19px;flex:0 0 auto}
/* Texto navy sobre laranja: 5,89:1 (branco sobre laranja reprova em 2,87:1) */
.pk-btn--primary{--_bg:var(--pk-orange);--_fg:var(--pk-navy);box-shadow:var(--pk-sh-2);font-weight:700}
.pk-btn--primary:hover{--_bg:var(--pk-orange-dark);--_fg:#fff}
.pk-btn--navy{--_bg:var(--pk-navy);--_fg:#fff}
.pk-btn--navy:hover{--_bg:var(--pk-navy-soft)}
.pk-btn--outline{--_bg:#fff;--_fg:var(--pk-navy);--_bd:var(--pk-line)}
.pk-btn--outline:hover{--_bg:var(--pk-surface-2);--_bd:var(--pk-faint)}
.pk-btn--onnavy{--_bg:transparent;--_fg:#fff;--_bd:rgba(255,255,255,.32)}
.pk-btn--onnavy:hover{--_bg:#fff;--_fg:var(--pk-navy);--_bd:#fff}
.pk-btn--wa{--_bg:var(--pk-green);--_fg:#fff}
.pk-btn--wa:hover{--_bg:var(--pk-green-dark)}
.pk-btn--ghost{--_bg:transparent;--_fg:var(--pk-navy);min-height:38px;padding-inline:var(--pk-3)}
.pk-btn--ghost:hover{--_bg:var(--pk-surface-3)}
.pk-btn--block{width:100%}
.pk-btn--sm{min-height:36px;padding:0 var(--pk-4);font-size:var(--pk-fs-sm)}
.pk-btn--lg{min-height:54px;font-size:16.5px;font-weight:700}
.pk-btn:disabled,.pk-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;box-shadow:none;pointer-events:none}

.pk-iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--pk-r);
  background:transparent;color:inherit;cursor:pointer;position:relative;transition:background .15s}
.pk-iconbtn:hover{background:var(--pk-surface-3)}
.pk-iconbtn svg{width:21px;height:21px}

/* ==========================  Formulários  ============================= */
.pk-field{display:flex;flex-direction:column;gap:6px}
.pk-label{font-size:var(--pk-fs-sm);font-weight:600;color:var(--pk-navy)}
.pk-input,.pk-select,.pk-textarea{width:100%;min-height:46px;padding:0 var(--pk-4);font-family:inherit;
  font-size:var(--pk-fs-body);color:var(--pk-text);background:#fff;border:1.5px solid var(--pk-line);
  border-radius:var(--pk-r);transition:border-color .15s,box-shadow .15s}
.pk-textarea{padding:var(--pk-3) var(--pk-4);min-height:92px;line-height:var(--pk-lh)}
.pk-input::placeholder{color:var(--pk-faint)}
.pk-input:hover,.pk-select:hover{border-color:var(--pk-faint)}
.pk-input:focus,.pk-select:focus,.pk-textarea:focus{outline:none;border-color:var(--pk-orange);box-shadow:var(--pk-focus)}
.pk-select{appearance:none;padding-right:var(--pk-10);background-repeat:no-repeat;background-position:right var(--pk-3) center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.pk-hint{font-size:var(--pk-fs-xs);color:var(--pk-faint)}

/* ==========================  Cards  =================================== */
.pk-card{background:#fff;border:1px solid var(--pk-line);border-radius:var(--pk-r);box-shadow:var(--pk-sh-1)}
.pk-card--pad{padding:var(--pk-5)}
.pk-card--hover{transition:box-shadow .16s,transform .14s,border-color .16s}
.pk-card--hover:hover{box-shadow:var(--pk-sh-3);transform:translateY(-2px);border-color:var(--pk-faint)}

/* ==========================  Badges / selos  ========================== */
.pk-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-family:var(--pk-mono);
  font-size:var(--pk-fs-2xs);font-weight:600;letter-spacing:.02em;border-radius:var(--pk-r-xs);
  background:var(--pk-surface-3);color:var(--pk-navy);border:1px solid var(--pk-line);white-space:nowrap}
.pk-badge svg{width:13px;height:13px}
.pk-badge--ca{background:var(--pk-navy);color:#fff;border-color:var(--pk-navy)}
.pk-badge--orange{background:var(--pk-orange);color:var(--pk-navy);border-color:transparent;font-weight:700}
.pk-badge--soft{background:var(--pk-orange-soft);color:var(--pk-orange-dark);border-color:var(--pk-orange-line)}
.pk-badge--ok{background:var(--pk-ok-bg);color:var(--pk-ok);border-color:#BFE3CE}
.pk-badge--danger{background:var(--pk-danger-bg);color:var(--pk-danger);border-color:#F3C9C4}

.pk-seal{display:inline-flex;align-items:center;gap:var(--pk-2);padding:7px var(--pk-3);border:1px solid var(--pk-line);
  border-radius:var(--pk-r);background:#fff;font-size:var(--pk-fs-sm);font-weight:600;color:var(--pk-navy)}
.pk-seal svg{width:20px;height:20px;color:var(--pk-orange);flex:0 0 auto}

/* ==========================  Tags dos eixos  ========================== */
/* Eixos reais do plugin: Risco / Aplicação / Material */
.pk-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:var(--pk-fs-sm);font-weight:500;
  border-radius:var(--pk-r-pill);border:1px solid var(--pk-line);background:#fff;color:var(--pk-navy);
  cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none}
.pk-tag:hover{border-color:var(--pk-orange);background:var(--pk-orange-soft);color:var(--pk-orange-dark)}
.pk-tag__dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.pk-tag--risco .pk-tag__dot{background:var(--pk-orange)}
.pk-tag--aplic .pk-tag__dot{background:var(--pk-navy)}
.pk-tag--mat .pk-tag__dot{background:var(--pk-gray)}

/* ==========================  Barra de confiança  ====================== */
.pk-trust{background:var(--pk-navy);color:var(--pk-on-navy);font-size:var(--pk-fs-xs)}
.pk-trust__track{display:flex;align-items:center;gap:var(--pk-6);padding:7px 0;overflow-x:auto}
.pk-trust__item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--pk-on-navy)}
.pk-trust__item svg{width:15px;height:15px;color:var(--pk-orange);flex:0 0 auto}
.pk-trust__item b{color:#fff;font-weight:600}

/* ==========================  Breadcrumb  ============================== */
.pk-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--pk-fs-xs);color:var(--pk-muted)}
.pk-crumbs a{color:var(--pk-muted)}
.pk-crumbs a:hover{color:var(--pk-orange-dark)}
.pk-crumbs__sep{color:var(--pk-line);}
.pk-crumbs__cur{color:var(--pk-navy);font-weight:600}

/* ==========================  Tabelas  ================================= */
.pk-tablewrap{border:1px solid var(--pk-line);border-radius:var(--pk-r);overflow:hidden;background:#fff}
.pk-table{width:100%;border-collapse:collapse;font-size:var(--pk-fs-sm)}
.pk-table th,.pk-table td{text-align:left;padding:11px var(--pk-4);border-bottom:1px solid var(--pk-line-soft)}
.pk-table thead th{background:var(--pk-surface-3);color:var(--pk-navy);font-weight:700;font-size:var(--pk-fs-2xs);
  letter-spacing:.06em;text-transform:uppercase}
.pk-table tbody tr:last-child td{border-bottom:0}
.pk-table tbody tr:hover{background:var(--pk-surface-2)}
.pk-num{font-family:var(--pk-mono);font-weight:600}

/* Especificações em lista de definição (padrão do tema) */
.pk-specs{border:1px solid var(--pk-line);border-radius:var(--pk-r);overflow:hidden;margin:0;background:#fff}
.pk-specs>div{display:grid;grid-template-columns:minmax(120px,180px) 1fr}
.pk-specs>div+div{border-top:1px solid var(--pk-line-soft)}
.pk-specs dt,.pk-specs dd{margin:0;padding:11px var(--pk-4);font-size:var(--pk-fs-sm)}
.pk-specs dt{background:var(--pk-surface-2);color:var(--pk-navy);font-weight:600}
.pk-specs dd{color:var(--pk-muted)}

.pk-level{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--pk-r-pill);
  font-family:var(--pk-mono);font-size:var(--pk-fs-2xs);font-weight:600}
.pk-level__dot{width:7px;height:7px;border-radius:50%}
.pk-level--hi{background:var(--pk-lvl-hi-bg);color:var(--pk-lvl-hi)}
.pk-level--hi .pk-level__dot{background:var(--pk-lvl-hi)}
.pk-level--mid{background:var(--pk-lvl-mid-bg);color:var(--pk-lvl-mid)}
.pk-level--mid .pk-level__dot{background:var(--pk-lvl-mid)}
.pk-level--lo{background:var(--pk-lvl-lo-bg);color:var(--pk-lvl-lo)}
.pk-level--lo .pk-level__dot{background:var(--pk-lvl-lo)}

/* ==========================  Rating  ================================== */
.pk-stars{display:inline-flex;align-items:center;gap:1px;color:var(--pk-orange)}
.pk-stars svg{width:15px;height:15px}
.pk-rating{display:inline-flex;align-items:center;gap:6px;font-size:var(--pk-fs-sm);color:var(--pk-muted)}
.pk-rating b{color:var(--pk-navy);font-weight:700}

/* ==========================  Acordeão  ================================ */
.pk-acc{border:1px solid var(--pk-line);border-radius:var(--pk-r);overflow:hidden;background:#fff}
.pk-acc__item+.pk-acc__item{border-top:1px solid var(--pk-line-soft)}
.pk-acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pk-4);
  padding:15px var(--pk-5);background:none;border:0;cursor:pointer;text-align:left;
  font-size:var(--pk-fs-body);font-weight:600;color:var(--pk-navy)}
.pk-acc__btn:hover{background:var(--pk-surface-2)}
.pk-acc__icon{flex:0 0 auto;width:18px;height:18px;color:var(--pk-orange);transition:transform .2s}
.pk-acc__item[data-open="true"] .pk-acc__icon{transform:rotate(45deg)}
.pk-acc__panel{padding:0 var(--pk-5) var(--pk-5);color:var(--pk-muted);font-size:var(--pk-fs-sm)}

/* ==========================  Seções  ================================== */
.pk-section{padding:var(--pk-12) 0}
.pk-section--tight{padding:var(--pk-8) 0}
.pk-section--white{background:#fff;border-block:1px solid var(--pk-line)}
.pk-sechead{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--pk-6)}
.pk-sechead h2{font-size:var(--pk-fs-h2)}
.pk-sechead p{color:var(--pk-muted);max-width:64ch;font-size:var(--pk-fs-sm)}

/* Placeholder de imagem */
.pk-ph{position:relative;overflow:hidden;display:grid;place-items:center;color:var(--pk-faint);
  background:repeating-linear-gradient(45deg,#EDF0F4 0 10px,#F5F7F9 10px 20px);
  border:1px solid var(--pk-line);border-radius:var(--pk-r)}
.pk-ph__label{font-family:var(--pk-mono);font-size:var(--pk-fs-2xs);letter-spacing:.05em;text-transform:uppercase;
  background:rgba(255,255,255,.82);padding:4px 9px;border-radius:var(--pk-r-pill)}
