.elementor-21 .elementor-element.elementor-element-a92c73e{--display:flex;--min-height:45vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-a92c73e:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-a92c73e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-a92c73e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-b55f5db{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-b55f5db.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-1db5946{text-align:center;}.elementor-21 .elementor-element.elementor-element-1db5946 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:56px;font-weight:900;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-2cb3e4b{width:var( --container-widget-width, 65% );max-width:65%;padding:12px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Atkinson Hyperlegible", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-a8b6455{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}body.elementor-page-21{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-a92c73e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-b55f5db{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-1db5946{width:var( --container-widget-width, 328px );max-width:328px;--container-widget-width:328px;--container-widget-flex-grow:0;text-align:center;}.elementor-21 .elementor-element.elementor-element-1db5946.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-1db5946 .elementor-heading-title{font-size:42px;}.elementor-21 .elementor-element.elementor-element-2cb3e4b{--container-widget-width:298px;--container-widget-flex-grow:0;width:var( --container-widget-width, 298px );max-width:298px;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-a92c73e{--width:100%;}.elementor-21 .elementor-element.elementor-element-b55f5db{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-059e91f */body {
      font-family: Arial, sans-serif;
      background: #f8f9fa;
      color: #333;
      margin: 0;
      padding: 20px;
      line-height: 1.4;
    }
    
    .container {
      max-width: 1200px;
      margin: 0 auto;
    }
    
    .filter-bar {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-bottom: 20px;
      padding: 15px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .filter-bar label {
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 500;
      cursor: pointer;
    }
    
    .filter-bar input[type="checkbox"] {
      width: 18px;
      height: 18px;
      cursor: pointer;
    }
    
    .progress-container {
      background: #e9ecef;
      border-radius: 8px;
      height: 30px;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden;
    }
    
    .progress-bar {
      height: 100%;
      background: linear-gradient(90deg, #6f42c1, #8b5cf6);
      transition: width 0.3s ease-in-out;
      border-radius: 8px;
    }
    
    .progress-text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #333;
      z-index: 10;
      font-size: 14px;
    }
    
    .principle-group {
      margin-bottom: 15px;
      background: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .principle-header {
      background: linear-gradient(135deg, #6f42c1, #8b5cf6);
      color: white;
      padding: 15px 20px;
      cursor: pointer;
      user-select: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 18px;
      font-weight: 600;
      transition: background 0.2s ease;
    }
    
    .principle-header:hover {
      background: linear-gradient(135deg, #5a2d91, #7c3aed);
    }

    
    .principle-content {
      display: none;
      padding: 0;
    }
    
    .principle-content.expanded {
      display: block;
    }
    
    .criterion-item {
      display: flex;
      align-items: center;
      padding: 12px 20px;
      border-bottom: 1px solid #f1f3f4;
      transition: background-color 0.2s ease;
    }
    
    .criterion-item:hover {
      background-color: #f8f9fa;
    }
    
    .criterion-item:last-child {
      border-bottom: none;
    }
    
    .criterion-checkbox {
      width: 18px;
      height: 18px;
      margin-right: 15px;
      cursor: pointer;
    }
    
    .criterion-number {
      color: #1976d2;
      font-weight: 600;
      margin-right: 15px;
      min-width: 40px;
    }
    
    .criterion-title {
      flex: 1;
      font-weight: 500;
      margin-right: 15px;
    }
    
    .level-badge {
      padding: 4px 8px;
      border-radius: 12px;
      font-size: 12px;
      font-weight: 600;
      min-width: 30px;
      text-align: center;
    }
    
    .level-A {
      background-color: #d4edda;
      color: #155724;
    }
    
    .level-AA {
      background-color: #fff3cd;
      color: #856404;
    }
    
    .level-AAA {
      background-color: #f8d7da;
      color: #721c24;
    }
    
    .criterion-explanation {
      padding: 8px 20px 15px 53px;
      color: #666;
      font-size: 14px;
      background-color: #f8f9fa;
      border-bottom: 1px solid #f1f3f4;
      display: block;
    }
    
    .criterion-explanation.show {
      display: block;
    }

    /* Media Queries para Responsividade */
    @media (max-width: 768px) {
      body {
        padding: 10px;
      }
      
      .filter-bar {
        flex-direction: column;
        align-items: center;
        gap: 15px;
      }
      
      .principle-header {
        font-size: 16px;
        padding: 12px 15px;
      }
      
      .criterion-item {
        padding: 10px 15px;
        flex-wrap: wrap;
      }
      
      .criterion-number {
        min-width: 35px;
        margin-right: 10px;
      }
      
      .criterion-title {
        margin-right: 10px;
        margin-bottom: 5px;
      }
      
      .criterion-explanation {
        padding: 8px 15px 12px 45px;
      }
    }

    @media (max-width: 480px) {
      .filter-bar {
        gap: 10px;
      }
      
      .criterion-item {
        padding: 8px 10px;
      }
      
      .criterion-number {
        min-width: 30px;
        margin-right: 8px;
        font-size: 14px;
      }
      
      .criterion-title {
        font-size: 14px;
      }
      
      .level-badge {
        font-size: 11px;
        padding: 3px 6px;
      }
      
      .criterion-explanation {
        padding: 6px 10px 10px 38px;
        font-size: 13px;
      }
    }

    /* Melhorias para touch devices */
    @media (hover: none) and (pointer: coarse) {
      .principle-header {
        min-height: 50px;
      }
      
      .criterion-item {
        min-height: 44px;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2bd4eb */body {
      font-family: Arial, sans-serif;
      background: #f8f9fa;
      color: #333;
      margin: 0;
      padding: 20px;
      line-height: 1.4;
    }
    
    .container {
      max-width: 1200px;
      margin: 0 auto;
    }
    
    .filter-bar {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-bottom: 20px;
      padding: 15px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .filter-bar label {
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 500;
      cursor: pointer;
    }
    
    .filter-bar input[type="checkbox"] {
      width: 18px;
      height: 18px;
      cursor: pointer;
    }
    
    .progress-container {
      background: #e9ecef;
      border-radius: 8px;
      height: 30px;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden;
    }
    
    .progress-bar {
      height: 100%;
      background: linear-gradient(90deg, #6f42c1, #8b5cf6);
      transition: width 0.3s ease-in-out;
      border-radius: 8px;
    }
    
    .progress-text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #333;
      z-index: 10;
      font-size: 14px;
    }
    
    .principle-group {
      margin-bottom: 15px;
      background: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .principle-header {
      background: linear-gradient(135deg, #6f42c1, #8b5cf6);
      color: white;
      padding: 15px 20px;
      cursor: pointer;
      user-select: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 18px;
      font-weight: 600;
      transition: background 0.2s ease;
    }
    
    .principle-header:hover {
      background: linear-gradient(135deg, #5a2d91, #7c3aed);
    }

    
    .principle-content {
      display: none;
      padding: 0;
    }
    
    .principle-content.expanded {
      display: block;
    }
    
    .criterion-item {
      display: flex;
      align-items: center;
      padding: 12px 20px;
      border-bottom: 1px solid #f1f3f4;
      transition: background-color 0.2s ease;
    }
    
    .criterion-item:hover {
      background-color: #f8f9fa;
    }
    
    .criterion-item:last-child {
      border-bottom: none;
    }
    
    .criterion-checkbox {
      width: 18px;
      height: 18px;
      margin-right: 15px;
      cursor: pointer;
    }
    
    .criterion-number {
      color: #1976d2;
      font-weight: 600;
      margin-right: 15px;
      min-width: 40px;
    }
    
    .criterion-title {
      flex: 1;
      font-weight: 500;
      margin-right: 15px;
    }
    
    .level-badge {
      padding: 4px 8px;
      border-radius: 12px;
      font-size: 12px;
      font-weight: 600;
      min-width: 30px;
      text-align: center;
    }
    
    .level-A {
      background-color: #d4edda;
      color: #155724;
    }
    
    .level-AA {
      background-color: #fff3cd;
      color: #856404;
    }
    
    .level-AAA {
      background-color: #f8d7da;
      color: #721c24;
    }
    
    .criterion-explanation {
      padding: 8px 20px 15px 53px;
      color: #666;
      font-size: 14px;
      background-color: #f8f9fa;
      border-bottom: 1px solid #f1f3f4;
      display: block;
    }
    
    .criterion-explanation.show {
      display: block;
    }

    /* Media Queries para Responsividade */
    @media (max-width: 768px) {
      body {
        padding: 10px;
      }
      
      .filter-bar {
        flex-direction: column;
        align-items: center;
        gap: 15px;
      }
      
      .principle-header {
        font-size: 16px;
        padding: 12px 15px;
      }
      
      .criterion-item {
        padding: 10px 15px;
        flex-wrap: wrap;
      }
      
      .criterion-number {
        min-width: 35px;
        margin-right: 10px;
      }
      
      .criterion-title {
        margin-right: 10px;
        margin-bottom: 5px;
      }
      
      .criterion-explanation {
        padding: 8px 15px 12px 45px;
      }
    }

    @media (max-width: 480px) {
      .filter-bar {
        gap: 10px;
      }
      
      .criterion-item {
        padding: 8px 10px;
      }
      
      .criterion-number {
        min-width: 30px;
        margin-right: 8px;
        font-size: 14px;
      }
      
      .criterion-title {
        font-size: 14px;
      }
      
      .level-badge {
        font-size: 11px;
        padding: 3px 6px;
      }
      
      .criterion-explanation {
        padding: 6px 10px 10px 38px;
        font-size: 13px;
      }
    }

    /* Melhorias para touch devices */
    @media (hover: none) and (pointer: coarse) {
      .principle-header {
        min-height: 50px;
      }
      
      .criterion-item {
        min-height: 44px;
      }
    }/* End custom CSS */
/* Start custom CSS */body.elementor-page-21{
    padding: 0px;
}/* End custom CSS */