:root {
	--primary-color: #2c3e50;
	--secondary-color: #3498db;
	--accent-color: #e74c3c;
	--light-bg: #f8f9fa;
	--dark-text: #2c3e50;
	--light-text: #ecf0f1;
	}
      
      body {
          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
          color: var(--dark-text);
          background-color: var(--light-bg);
      }
      
      .navbar {
          background-color: var(--primary-color);
      }
      
      .hero-section {
          background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
          color: var(--light-text);
          padding: 3rem 0;
          margin-bottom: 2rem;
      }
      
      .opinion-card {
          border-radius: 8px;
          box-shadow: 0 4px 6px rgba(0,0,0,0.1);
          transition: transform 0.3s ease;
          margin-bottom: 20px;
          background: white;
      }
      
      .opinion-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 6px 12px rgba(0,0,0,0.15);
      }
      
      .rating {
          color: #f39c12;
          font-size: 1.2rem;
      }
      
      .stats-box {
          background: white;
          border-radius: 8px;
          padding: 20px;
          box-shadow: 0 4px 6px rgba(0,0,0,0.1);
          margin-bottom: 20px;
      }
      
      .highlighted {
          border-left: 4px solid var(--secondary-color);
      }
      
      .filter-section {
          background: white;
          border-radius: 8px;
          padding: 20px;
          box-shadow: 0 4px 6px rgba(0,0,0,0.1);
          margin-bottom: 20px;
      }
      
      .btn-portal {
          background-color: var(--secondary-color);
          color: white;
      }
      
      .btn-portal:hover {
          background-color: var(--primary-color);
          color: white;
      }
      
      footer {
          background-color: var(--primary-color);
          color: var(--light-text);
          padding: 2rem 0;
          margin-top: 3rem;
      }
      
      .industry-tag {
          background-color: #e8f4fc;
          color: var(--secondary-color);
          padding: 4px 8px;
          border-radius: 4px;
          font-size: 0.85rem;
          display: inline-block;
      }
      
      .company-size {
          color: #7f8c8d;
          font-size: 0.9rem;
      }
      
      .lgpd-alert {
          background-color: #e8f4fc;
          border-left: 4px solid var(--secondary-color);
          padding: 15px;
          margin-bottom: 20px;
          border-radius: 4px;
      }
      .ui-datatable.dataTableSemBorda thead th, .ui-datatable.dataTableSemBorda tbody,
	.ui-datatable.dataTableSemBorda tbody tr, .ui-datatable.dataTableSemBorda tbody td
	{
	border-style: none;
}
.bootstrap-paginator .ui-paginator {
    border: none !important;
    background: transparent !important;
    padding: 0;
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.bootstrap-paginator .ui-paginator-pages .ui-paginator-page,
.bootstrap-paginator .ui-paginator-first,
.bootstrap-paginator .ui-paginator-prev,
.bootstrap-paginator .ui-paginator-next,
.bootstrap-paginator .ui-paginator-last {
    display: inline-block;
    margin: 0 3px;
    padding: 6px 12px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background-color: #fff;
    color: #007bff;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}

.bootstrap-paginator .ui-paginator-pages .ui-state-active {
    background-color: #007bff !important;
    color: #fff !important;
    border-color: #007bff !important;
}