/* ============================================================
   Custom Post Type - Processos Seletivos
   Arquivo: chamamento_publico.css
   Propósito: Estilos para archive-processos-seletivos.php e processos-seletivos..php
   ============================================================ */


/* ================ archive-processos-seletivos..php ================ */




/* ================ single-processos-seletivos..php ================ */

   /* Estilos gerais */
   .processo-featured-image { 
       text-align: center; 
       margin-bottom: 2rem; 
   }
   
   .processo-featured-image img { 
       max-width: 600px; 
       width: 100%; 
       height: auto; 
       border-radius: 8px; 
       border: 1px solid var(--sesc-cinza-medio); 
   }
   
   .processo-details { 
       padding: 1.5rem; 
       margin-bottom: 2rem; 
       border: 1px solid var(--sesc-borda);
       border-radius: 8px;
       background-color: var(--sesc-cinza-claro);
   }
   
   .detail-item { 
       display: flex; 
       gap: 10px; 
       margin-bottom: 0.75rem; 
       font-size: 1.1rem; 
       align-items: flex-start;
   }
   
   .detail-item strong { 
       min-width: 120px; 
       flex-shrink: 0; 
       color: var(--sesc-preto);
       font-weight: 600;
   }
   
   .processo-description { 
       line-height: 1.8; 
       font-size: 1.1rem; 
       color: var(--sesc-cinza-escuro);
       margin-bottom: 2.5rem;
   }
   
   .sesc-section-title {
       font-size: 1.5rem; 
       color: var(--sesc-azul-escuro); 
       padding-bottom: 0.5rem; 
       margin-bottom: 1.5rem;
       display: flex;
       align-items: center;
       gap: 10px;
   }
   
   /* SEÇÃO DO PERÍODO DE INSCRIÇÕES */
   .processo-periodo-inscricao {
       margin: 2.5rem 0;
       padding: 1.5rem;
       background: linear-gradient(135deg, #f0f9ff 0%, #e6f7ff 100%);
       border: 1px solid #cce7ff;
       border-radius: 10px;
       box-shadow: var(--sesc-shadow);
   }
   
   .periodo-container {
       max-width: 800px;
       margin: 0 auto;
   }
   
   .periodo-header {
           text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
       margin-bottom: 2rem;
   }
   
   .periodo-subtitle {
       color: var(--sesc-texto-s);
       font-size: 1.1rem;
       margin-top: 0.5rem;
   }
   
   .periodo-dates {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
       gap: 1.5rem;
       margin-bottom: 2rem;
   }
   
   .periodo-date-item {
       display: flex;
       align-items: center;
       gap: 1rem;
       padding: 1.5rem;
       background-color: var(--sesc-branco);
       border-radius: 8px;
       border: 1px solid var(--sesc-borda);
       transition: all 0.3s ease;
   }
   
   .periodo-date-item:hover {
       transform: translateY(-3px);
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   }
   
   .periodo-date-icon {
       font-size: 2rem;
       color: var(--sesc-azul);
       flex-shrink: 0;
   }
   
   .periodo-date-content {
       flex: 1;
   }
   
   .periodo-date-label {
       display: block;
       font-size: 0.9rem;
       color: var(--sesc-texto-s);
       text-transform: uppercase;
       letter-spacing: 0.5px;
       margin-bottom: 0.3rem;
   }
   
   .periodo-date-value {
       display: block;
       font-size: 1.3rem;
       font-weight: 600;
       color: var(--sesc-azul-escuro);
   }
   
   .periodo-timer {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 1rem;
       padding: 1rem;
       background: linear-gradient(135deg, var(--sesc-azul) 0%, var(--sesc-azul-escuro) 100%);
       border-radius: 8px;
       color: white;
       max-width: 300px;
       margin: 0 auto;
   }
   
   .timer-icon {
       font-size: 1.5rem;
   }
   
   .timer-text {
       font-size: 1.1rem;
   }
   
   .timer-duration {
       font-weight: 600;
   }
   
   /* SEÇÃO DE INSCRIÇÃO */
   .processo-inscricao-section {
       margin: 2.5rem 0;
       padding: 1.5rem;
       background: linear-gradient(135deg, var(--sesc-cinza-claro) 0%, #f8f9fa 100%);
       border: 1px solid var(--sesc-borda);
       border-radius: 8px;
       box-shadow: var(--sesc-shadow);
   }
   
   .inscricao-container {
       max-width: 600px;
       margin: 0 auto;
   }
   
   .inscricao-header {
       text-align: center;
       margin-bottom: 1.5rem;
   }
   
   .inscricao-subtitle {
       color: var(--sesc-texto-s);
       font-size: 1rem;
       margin-top: 0.5rem;
   }
   
   .inscricao-content {
       text-align: center;
       padding: 1rem;
   }
   
   .btn-inscricao-primary {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       background-color: var(--sesc-azul);
       color: white;
       padding: 15px 30px;
       border-radius: 8px;
       text-decoration: none;
       font-weight: 600;
       font-size: 1.1rem;
       transition: all 0.3s ease;
       border: 2px solid transparent;
       min-width: 280px;
   }
   
   .btn-inscricao-primary:hover {
       background-color: var(--sesc-azul-escuro);
       color: white;
       text-decoration: none;
       transform: translateY(-2px);
       box-shadow: 0 5px 15px rgba(0, 92, 169, 0.2);
       border-color: var(--sesc-amarelo);
   }
   
   .btn-inscricao-primary i {
       font-size: 1rem;
   }
   
   .inscricao-nota {
       margin-top: 1rem;
       color: var(--sesc-texto-s);
       font-size: 0.9rem;
   }
   
   .inscricao-nota i {
       color: var(--sesc-amarelo);
       margin-right: 5px;
   }
   
  
   /* BOTÕES */
   .btn-sesc-secondary {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       background-color: var(--sesc-branco);
       color: var(--sesc-azul);
       padding: 12px 25px;
       border-radius: 8px;
       text-decoration: none;
       font-weight: 600;
       border: 2px solid var(--sesc-azul);
       transition: all 0.3s ease;
   }
   
   .btn-sesc-secondary:hover {
       background-color: var(--sesc-azul);
       color: white;
       text-decoration: none;
   }
   
   /* Acessibilidade */
   .visually-hidden {
       position: absolute;
       width: 1px;
       height: 1px;
       padding: 0;
       margin: -1px;
       overflow: hidden;
       clip: rect(0, 0, 0, 0);
       white-space: nowrap;
       border: 0;
   }
   
   /* Responsividade */
   @media (max-width: 768px) {
       .detail-item {
           flex-direction: column;
           gap: 5px;
       }
       
       .detail-item strong {
           min-width: auto;
       }
       
       .periodo-dates {
           grid-template-columns: 1fr;
       }
       
       .periodo-date-item {
           flex-direction: column;
           text-align: center;
           gap: 0.5rem;
       }
       
       .periodo-date-icon {
           margin-bottom: 0.5rem;
       }
       
       .btn-inscricao-primary {
           width: 100%;
           min-width: auto;
           padding: 12px 20px;
       }
       
       .periodo-timer {
           flex-direction: column;
           text-align: center;
           gap: 0.5rem;
       }
   }