/* =========================
     SELETOR DE CRITÉRIO
  ========================== */

  .criteria-card{
    background:var(--asphalt-850);
    border:1px solid var(--line);
    border-radius:var(--radius-lg);
    padding:16px;
    margin-bottom:20px;
  }

  .criteria-title{
    font-size:12.5px; font-weight:700;
    color:var(--concrete-200);
    margin-bottom:11px;
    display:flex; align-items:center; gap:7px;
  }
  .criteria-title svg{ width:14px; height:14px; color:var(--beacon); flex:none; }

  .criteria-toggle{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .criteria-option{
    position:relative;
    display:flex; flex-direction:column; align-items:center; gap:7px;
    background:var(--asphalt-800);
    border:1.5px solid var(--line);
    border-radius:var(--radius-md);
    padding:14px 10px;
    cursor:pointer;
    transition:border-color .18s var(--ease), background .18s var(--ease), transform .15s var(--ease);
  }
  .criteria-option:hover{ border-color:var(--line-strong); }
  .criteria-option:active{ transform:scale(.98); }

  .criteria-option.active{
    border-color:var(--beacon);
    background:var(--beacon-dim);
  }

  .criteria-option .opt-icon{
    width:34px; height:34px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    background:var(--asphalt-750);
    color:var(--concrete-300);
    transition:color .18s var(--ease), background .18s var(--ease);
  }
  .criteria-option.active .opt-icon{
    color:var(--asphalt-950);
    background:var(--beacon);
  }
  .criteria-option .opt-icon svg{ width:17px; height:17px; }

  .criteria-option .opt-label{
    font-size:13px; font-weight:800;
    color:var(--concrete-200);
  }
  .criteria-option.active .opt-label{ color:var(--white); }

  .criteria-option .opt-sub{
    font-size:10.5px;
    color:var(--concrete-400);
    text-align:center;
    line-height:1.4;
  }

  .criteria-option .check{
    position:absolute; top:8px; right:8px;
    width:16px; height:16px; border-radius:50%;
    background:var(--beacon);
    color:var(--asphalt-950);
    display:flex; align-items:center; justify-content:center;
    opacity:0; transform:scale(.6);
    transition:opacity .15s var(--ease), transform .15s var(--ease);
  }
  .criteria-option.active .check{ opacity:1; transform:scale(1); }
  .criteria-option .check svg{ width:10px; height:10px; }