/*
 * contato.css
 * 
 * Autor: (WSC TI) wscti.dev.br
 * Atualizado em 15/10/2026 às 10h07
 * 
 */
.secao-principal {min-height: 900px; padding-bottom: 32px; border-top: 3px solid rgba(15, 39, 71, 1); background-color: rgba(245, 246, 248, 1);}

h1 {font-size: 64px; margin-top: 64px; color: rgba(15, 39, 71, 1);}
h6 {font-size: 19px; margin-top: 32px; color: rgba(114, 114, 114, 1);}

.conteudo {min-height: 780px; margin-top: 100px; margin-bottom: 32px; padding: 32px 48px 32px 48px; background: #FFFFFF; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1); border-radius: 12px;}
.enunciado {width: 356px; font-size: 19px; color: rgba(114, 114, 114, 1); line-height: 27px; text-align: justify;}

.meios {}
.meios-mbl {display: none;}

.circulo {width: 56px; height: 56px; border-radius: 50%; background-color: #D3DFF0; color: #0F2747; display: flex !important; align-items: center !important; text-align: center !important;}
.meio-titulo {color: #0F2747; line-height: 30px; font-size: 20px; margin-bottom: 8px;}
.meio-dado {color: #727272; line-height: 25px; font-size: 16px;}
.meio-complemento {color: #727272; line-height: 30px; font-size: 15px;}
.meio-observacao {color: #727272; line-height: 25px; font-size: 14px;}
.meio-linha {height: 2px; border: 1px solid #D4D4D4; margin-top: 24px; margin-bottom: 32px;}

.formulario-titulo {line-height: 65px; font-size: 24px; color: #0F2747;}
.formulario-descricao {line-height: 32px; font-size: 20px; color: #727272; margin-bottom: 64px;}
.formulario-rotulo {line-height: 16px; font-size: 11px; color: #0F2747; display: block; margin-bottom: 8px;} .obrigatorio {color: #FF0000;}
.formulario-campo {height: 28px; border: 1px solid #2D3D58A1; border-radius: 4px; padding-left: 8px; padding-right: 8px; background-color: #fff;}

select {color: #0F2747; font-size: 10px; line-height: 14px;}
input::placeholder {color: #A8A8A8; font-size: 10px; line-height: 14px;}
textarea  {height: 244px !important; padding: 8px;}
textarea::placeholder {color: #A8A8A8; font-size: 10px; line-height: 14px;}

.seguranca {font-size: 9px; color: #9BA2AF;}

.enviar {width: 370px; height: 58px; border-radius: 10px; background-color: #0F2747; font-size: 17px; color: #EAF1FB;}
.enviar:hover {background-color: #6184BE; color: white; text-decoration: none;}

@media (max-width: 640px) {
    .secao-principal {min-height: 900px; padding-bottom: 32px; border-top: none; background-color: #ffffff;}

    h1 {font-size: 28px; margin-top: 16px; color: rgba(15, 39, 71, 1);}
    h6 {font-size: 9px; margin-top: 8px; color: rgba(114, 114, 114, 1);}

    .conteudo {min-height: 200px; margin-top: 24px; margin-bottom: 16px; padding: 16px; background: #FFFFFF; box-shadow: 0 0 6px 1.5px rgba(0, 0, 0, 0.1); border-radius: 6px;}
    .enunciado {width: 100%; font-size: 9px; color: rgba(114, 114, 114, 1); line-height: 11px; text-align: justify;}

    .meios {display: none;}
    .meios-mbl {display: block;}

    .circulo {width: 26px; height: 26px; border-radius: 50%; background-color: #D3DFF0; color: #0F2747; display: flex !important; align-items: center !important; text-align: center !important;}
    .meio-caixa {height: 120px; border: 1px solid #D1D1D2; border-radius: 4px; padding: 12px 4px; margin-bottom: 16px;}
    .meio-titulo {color: #0F2747; line-height: 13px; font-size: 9px; margin-top: 8px; margin-bottom: 8px;}
    .meio-dado {color: #727272; line-height: 13px; font-size: 7px;}
    .meio-complemento {color: #727272; line-height: 13px; font-size: 6px;}
    .meio-observacao {color: #727272; line-height: 13px; font-size: 6px;}
    .meio-linha {height: 2px; border: 1px solid #D4D4D4; margin-top: 24px; margin-bottom: 32px;}

    .formulario-titulo {line-height: 35px; font-size: 13px; color: #0F2747;}
    .formulario-descricao {line-height: 32px; font-size: 10px; color: #727272; margin-bottom: 24px;}
    .formulario-rotulo {line-height: 14px; font-size: 9px; color: #0F2747; display: block; margin-bottom: 8px;} .obrigatorio {color: #FF0000;}
    .formulario-campo {height: 28px; border: 1px solid #2D3D58A1; font-size: 10px; border-radius: 4px; padding-top: 0; padding-left: 8px; padding-right: 8px; background-color: #fff;}
    input::placeholder {color: #A8A8A8; font-size: 8px; line-height: 10px;}
    textarea  {height: 100px !important; padding: 8px;}
    textarea::placeholder {color: #A8A8A8; font-size: 8px; line-height: 14px;}

    .seguranca {font-size: 7px; color: #9BA2AF;}

    .enviar {width: 100%; height: 40px; padding: 2px; border-radius: 4px; background-color: #0F2747; font-size: 12px; color: #EAF1FB;} .entrar-icone {height: 12px;}
}