/*
Theme Name:  ESPMG
Theme URI: https://esp.mg.gov.br
Author: Montreal Team
Author URI: https://montreal.com.br
Description: Theme desenvolvido para a ESPMG.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: espmg
Tags: espmg, montreal
*/

:root {
    /* GERAL */
    --branco: white;
    --borda-cinza: #D2D8E8;
    --borda-cinza-botoes: #F1F3F3;
    --azul-menu-icon : #1351b4;
    --gray: gray;
    
    --textos-e-links: #005EA2;

    /* CINZA */
    --data: #838DAA;
    --cinza: gray;
    --cinza-fundo: #F1F3F3;
    --cinza-fundo-2: #F7F7F7;
    --cinza-borda: #D2D8E8;

    /* AZUL */
    --bg-azul: #112F4E; /* Blue-Blue-Vivid-80 */
    --titulo-azul: #005EA2;

    /* TEXTOS */
    --titulos-principais: #060D26;
    --titulos-secundarios: #252F4A;
    --textos-corridos: #475272;    

    /* BOTÕES */
    --bg-botao-azul: #0B4778; /* Blue-Blue-Vivid-70 */ 
    --bg-botao-azul-hover: #005EA2; /* Blue-Blue-Vivid-60 */
    
    /* TAG */
    --tag: #2491FF;
    --tag-outlined: #2491FF;

    --títulos-h1-peso: 700;
    --títulos-h1-tamanho-desk: 30px;
    --títulos-h1-line-height-desk: 40px;
    --títulos-h1-letter-spacing-desk: 0.4px;
    --títulos-h1-tamanho-mobile: 26px;
    --títulos-h1-line-height-mobile: 36px;
    --títulos-h1-letter-spacing-mobile: 0.4px;
    
    --títulos-h2-peso: 600;
    --títulos-h2-tamanho-desk: 26px;
    --títulos-h2-line-height-desk: 32px;
    --títulos-h2-letter-spacing-desk: 0.3px;
    --títulos-h2-tamanho-mobile: 22px;
    --títulos-h2-line-height-mobile: 28px;
    --títulos-h2-letter-spacing-mobile: 0.3px;
    
    --títulos-h3-peso: 600;
    --títulos-h3-tamanho-desk: 22px;
    --títulos-h3-line-height-desk: 28px;
    --títulos-h3-letter-spacing-desk: 0.2px;
    --títulos-h3-tamanho-mobile: 20px;
    --títulos-h3-line-height-mobile: 26px;
    --títulos-h3-letter-spacing-mobile: 0.2px;
    
    --títulos-h4-peso: 600;
    --títulos-h4-tamanho-desk: 18px;
    --títulos-h4-line-height-desk: 24px;
    --títulos-h4-letter-spacing-desk: 0.1px;
    --títulos-h4-tamanho-mobile: 16px;
    --títulos-h4-line-height-mobile: 22px;
    --títulos-h4-letter-spacing-mobile: 0.1px;
    
    --texto-padrão-peso: 400;
    --texto-padrão-tamanho-desk: 18px;
    --texto-padrão-line-height-desk: 26px;
    --texto-padrão-letter-spacing-desk: 0px;
    --texto-padrão-tamanho-mobile: 16px;
    --texto-padrão-line-height-mobile: 24px;
    --texto-padrão-letter-spacing-mobile: 0px;
    
    --texto-pequeno-peso: 400;
    --texto-pequeno-tamanho-desk: 16px;
    --texto-pequeno-line-height-desk: 22px;
    --texto-pequeno-letter-spacing-desk: 0px;
    --texto-pequeno-tamanho-mobile: 14px;
    --texto-pequeno-line-height-mobile: 20px;
    --texto-pequeno-letter-spacing-mobile: 0px;
    
    --botão-primário-peso: 700;
    --botão-primário-tamanho-desk: 18px;
    --botão-primário-line-height-desk: 22px;
    --botão-primário-letter-spacing-desk: 1px;
    --botão-primário-tamanho-mobile: 16px;
    --botão-primário-line-height-mobile: 20px;
    --botão-primário-letter-spacing-mobile: 0.8px;
    
    --botão-secundário-peso: 600;
    --botão-secundário-tamanho-desk: 16px;
    --botão-secundário-line-height-desk: 20px;
    --botão-secundário-letter-spacing-desk: 0.8px;
    --botão-secundário-tamanho-mobile: 14px;
    --botão-secundário-line-height-mobile: 18px;
    --botão-secundário-letter-spacing-mobile: 0.6px;
    
    --acordeão---título-peso: 600;
    --acordeão---título-tamanho-desk: 20px;
    --acordeão---título-line-height-desk: 28px;
    --acordeão---título-letter-spacing-desk: 0.3px;
    --acordeão---título-tamanho-mobile: 18px;
    --acordeão---título-line-height-mobile: 26px;
    --acordeão---título-letter-spacing-mobile: 0.2px;
    
    --acordeão---conteúdo-peso: 400;
    --acordeão---conteúdo-tamanho-desk: 18px;
    --acordeão---conteúdo-line-height-desk: 26px;
    --acordeão---conteúdo-letter-spacing-desk: 0px;
    --acordeão---conteúdo-tamanho-mobile: 16px;
    --acordeão---conteúdo-line-height-mobile: 24px;
    --acordeão---conteúdo-letter-spacing-mobile: 0px;
    
    --card---título-peso: 700;
    --card---título-tamanho-desk: 22px;
    --card---título-line-height-desk: 30px;
    --card---título-letter-spacing-desk: 0.4px;
    --card---título-tamanho-mobile: 20px;
    --card---título-line-height-mobile: 28px;
    --card---título-letter-spacing-mobile: 0.3px;
    
    --card---descrição-peso: 400;
    --card---descrição-tamanho-desk: 18px;
    --card---descrição-line-height-desk: 26px;
    --card---descrição-letter-spacing-desk: 0px;
    --card---descrição-tamanho-mobile: 16px;
    --card---descrição-line-height-mobile: 24px;
    --card---descrição-letter-spacing-mobile: 0px;
    
    --rodapé---links-peso: 600;
    --rodapé---links-tamanho-desk: 14px;
    --rodapé---links-line-height-desk: 20px;
    --rodapé---links-letter-spacing-desk: 0px;
    --rodapé---links-tamanho-mobile: 12px;
    --rodapé---links-line-height-mobile: 18px;
    --rodapé---links-letter-spacing-mobile: 0px;
    
    --rodapé---informações-peso: 400;
    --rodapé---informações-tamanho-desk: 14px;
    --rodapé---informações-line-height-desk: 18px;
    --rodapé---informações-letter-spacing-desk: 0px;
    --rodapé---informações-tamanho-mobile: 12px;
    --rodapé---informações-line-height-mobile: 16px;
    --rodapé---informações-letter-spacing-mobile: 0px;
    
    --links-do-header-peso: 600;
    --links-do-header-tamanho-desk: 14px;
    --links-do-header-line-height-desk: 20px;
    --links-do-header-letter-spacing-desk: 0.2px;
    --links-do-header-tamanho-mobile: 12px;
    --links-do-header-line-height-mobile: 18px;
    --links-do-header-letter-spacing-mobile: 0px;
    
    --breadcrumb-peso: 400;
    --breadcrumb-tamanho-desk: 14px;
    --breadcrumb-line-height-desk: 20px;
    --breadcrumb-letter-spacing-desk: 0.1px;
    --breadcrumb-tamanho-mobile: 12px;
    --breadcrumb-line-height-mobile: 18px;
    --breadcrumb-letter-spacing-mobile: 0px;
    
    --depoimento---citação-peso: 700;
    --depoimento---citação-tamanho-desk: 28px;
    --depoimento---citação-line-height-desk: 36px;
    --depoimento---citação-letter-spacing-desk: 0px;
    --depoimento---citação-tamanho-mobile: 24px;
    --depoimento---citação-line-height-mobile: 32px;
    --depoimento---citação-letter-spacing-mobile: 0px;
    
    --depoimento-texto-peso: 400;
    --depoimento-texto-tamanho: 18px;
    --depoimento-texto-line-height: 26px;
    --depoimento-texto-cor:  #112F4E;
    --depoimento---texto-letter-spacing-desk: 0px;
    --depoimento---texto-tamanho-mobile: 16px;
    --depoimento---texto-line-height-mobile: 24px;
    --depoimento---texto-letter-spacing-mobile: 0px;
    
    --depoimento---autor-peso: 700;
    --depoimento---autor-tamanho-desk: 16px;
    --depoimento---autor-line-height-desk: 22px;
    --depoimento---autor-letter-spacing-desk: 0px;
    --depoimento---autor-tamanho-mobile: 14px;
    --depoimento---autor-line-height-mobile: 20px;
    --depoimento---autor-letter-spacing-mobile: 0px;
    
    --depoimento---curso-peso: 400;
    --depoimento---curso-tamanho-desk: 14px;
    --depoimento---curso-line-height-desk: 20px;
    --depoimento---curso-letter-spacing-desk: 0px;
    --depoimento---curso-tamanho-mobile: 12px;
    --depoimento---curso-line-height-mobile: 18px;
    --depoimento---curso-letter-spacing-mobile: 0px;
    
    --tags-peso: 600;
    --tags-tamanho-desk: 12px;
    --tags-line-height-desk: 16px;
    --tags-letter-spacing-desk: 0.1px;
    --tags-tamanho-mobile: 10px;
    --tags-line-height-mobile: 14px;
    --tags-letter-spacing-mobile: 0.1px;
    
    --datas-e-capitulados-peso: 600;
    --datas-e-capitulados-tamanho-desk: 14px;
    --datas-e-capitulados-line-height-desk: 20px;
    --datas-e-capitulados-letter-spacing-desk: 0px;
    --datas-e-capitulados-tamanho-mobile: 12px;
    --datas-e-capitulados-line-height-mobile: 18px;
    --datas-e-capitulados-letter-spacing-mobile: 0px;
    
    --breadcrumb-color: #838DAA;
    --breadcrumb-font-size: 20px;
    --breadcrumb-font-size-mobile: 16px;
    --breadcrumb-font-weight: 300;
    --breadcrumb-font-family: monospace;
    --breadcrumb-heading-border: 1px solid var(--breadcrumb-color);
    --breadcrumb-heading-font-size: 14px;
    --breadcrumb-heading-font-size-mobile: 12px;
    --breadcrumb-heading-font-weight: 600;
    --breadcrumb-link-font-weight: 600;
    --breadcrumb-margin-bottom: 20px;
    --breadcrumb-margin-bottom-mobile: 10px;
    --breadcrumb-margin-top-mobile: 10px;

    --calendar-width-large: 800px;
    --calendar-width-medium: 600px;
    --calendar-width-small: 100%;
    --calendar-height-large: 800px;
    --calendar-height-medium: 600px;
    --calendar-height-small: 400px;
    --border-color: rgba(21, 21, 21, 0.12);
    --shadow-color: rgba(21, 21, 21, 0.21);
    --font-size-year: 14px;
    --font-size-month: 17px;
    --font-size-day: 14px;
    --font-color-day: rgba(21, 21, 21, 0.84);
    --font-size-day-diluted: 10px;
    --font-color-day-diluted: rgba(21, 21, 21, 0.73);
    --text-color-light:#fff;
    --text-color-dark:#000;
    --padding-small:10px;
    --border-radius-bottom:0px 0px 15px 15px;
    --font-size-small:14px;
    --font-weight-semi-bold:600;
    --line-height-small:16.8px;
    --border-radius-large:16px;
    --banner-gradient:linear-gradient(180deg, rgba(15, 27, 35, 0) 50%, #0F1B23 100%);
    --font-primary:Rawline;
    --border-highlight:6px solid red;
    --font-size-h2:24px;
    --font-weight-bold:700;
    --line-height-h2:29px;
    --font-size-body:20px;
    --font-weight-regular:400;
    --line-height-body:24px;
    --swiper-button-size:23px;
    --border-radius-medium:15px;
    --news-card-height: 218px;
    --banner-height: 181px;

    --blue-500: #112F4E;
    --blue-400: #0B4778;
    --blue-300: #005EA2;
    --blue-200: #0076D6;
    --blue-100: #2491FF;
    --blue-0: #CFE8FF;
    --gray-300: #808080;
    --gray-200: #999999;
    --gray-100: #B3B3B3;
    --gray-0: #F1F3F3;
    --positivo: #000000;
    --negativo: #FFFFFF;
    --sus: #003087;
    --erro: #E52207;
    --atencao: #FFCD07;
    --sucesso: #168821;
    --informativo: #155BCB;
    --titulos-principais: #060D26;
    --textos-claros: #CFE8FF;
    --titulos-secundarios: #252F4A;
    --textos-corridos: #475272;
    --datas-e-capitulos: #838DAA;
    --hiperlinks: #005EA2;
    --aberta: #168821;
    --em-breve: #9E7F06;
    --curso-em-andamento: #155BCB;
    --sem-previsao: #808080;
    --default: #005EA2;
    --hover: #0B4778;
    --active: #112F4E;
    --inativo: #808080;
    --em-progresso: #155BCB;
}

body, html {
    font-size: 16px; 
    font-family: "rawline", helvetica, arial, sans-serif;
    font-weight: 400;
    color: #555;
    line-height: 1.75;
    letter-spacing: normal;
    vertical-align: baseline;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

img.alignleft {
    float: left;
    margin: 8px 20px 10px 0;
}

img.alignright {
    float: right;
    margin: 8px 0 10px 20px;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
    clear: both;
}

.titulo-pagina{
    color: var(--titulos-principais);
    font-size: 24px;
    font-weight: 700;
}

.conteudo-pagina{
    color: var(--textos-corridos);
    margin-bottom: 35px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px !important;
    }
}

/* Define o estilo base para todos os links */
a, a:link, a:visited {
    color: #1351b4;
    font-weight: 500;
    text-decoration: none;
}

a:hover, a:active {
    color: #205c90; 
}

/* Links não visitados */
.link-padrao a:link {
    color: #1351b4;
    font-weight: 500;
    text-decoration: underline;
}

/* Links visitados */
.link-padrao a:visited {
    color: #2E3C65;
    text-decoration: underline;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}