.servico-confirmacao { margin: 0 12px; color: #334155; font-size: 16px; line-height: 1.6; }
.servico-confirmacao-cabecalho { display: flex; gap: 14px; align-items: flex-start; padding: 20px; background: #f0f9f4; border: 1px solid #d6eade; border-radius: 12px; }
.servico-confirmacao-icone { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; color: #267347; background: #def0e5; border-radius: 50%; }
.servico-confirmacao-icone i { font-size: 28px; }
.servico-confirmacao h2 { margin: 0 0 5px; color: #205e3b; font-size: 23px; line-height: 1.4; font-weight: 600; }
.servico-confirmacao-cabecalho p { margin: 0; font-size: 16px; color: #3d6450; line-height: 1.6; }
.servico-confirmacao-evento { margin: 22px 0 16px; }
.servico-confirmacao-evento > span { font-size: 13px; color: #64748b; }
.servico-confirmacao-evento h3 { margin: 4px 0 0; color: #183b60; font-size: 20px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
.servico-confirmacao-resumo { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin: 0; padding: 16px; background: #f7f9fc; border: 1px solid #e4ebf3; border-radius: 10px; }
.servico-confirmacao-resumo dt { margin-bottom: 3px; font-size: 13px; color: #64748b; font-weight: 400; }
.servico-confirmacao-resumo dd { margin: 0; color: #243b53; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.servico-confirmacao-acesso { margin: 22px 0 16px; }
.servico-confirmacao-acesso .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: auto; min-height: 46px; margin: 0; padding: 12px 20px; border-radius: 9px; font-size: 16px; line-height: 1.5; text-transform: none; white-space: normal; box-shadow: none; }
.servico-confirmacao-acesso .btn i { font-size: 21px; }
.servico-confirmacao-acesso p { margin: 8px 0 0; color: #64748b; font-size: 14px; }
.servico-confirmacao-email { display: flex; gap: 10px; margin: 18px 0; color: #52647b; font-size: 14px; line-height: 1.7; }
.servico-confirmacao-email i { flex-shrink: 0; margin-top: 3px; font-size: 20px; }
.servico-confirmacao-email span { min-width: 0; overflow-wrap: anywhere; }
.servico-confirmacao-recado { margin-top: 22px; padding: 16px 18px; border: 1px solid #dce8f5; border-radius: 10px; background: #f5f9fe; }
.servico-confirmacao-recado h3 { display: flex; gap: 8px; align-items: center; margin: 0 0 10px; color: #24588d; font-size: 16px; font-weight: 600; line-height: 1.5; }
.servico-confirmacao-recado h3 i { font-size: 21px; }
.servico-confirmacao-recado > div { overflow-wrap: anywhere; }
.servico-confirmacao-recado > div, .servico-confirmacao-recado p, .servico-confirmacao-recado span, .servico-confirmacao-recado strong { font-size: 15px !important; line-height: 1.7 !important; text-align: left !important; }
.servico-confirmacao-recado p { margin: 0 0 8px !important; }
.servico-confirmacao-recado p:last-child { margin-bottom: 0 !important; }
.servico-confirmacao-recado br + br { display: none; }
.servico-confirmacao-rodape { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.servico-confirmacao-rodape .btn { display: inline-flex; justify-content: center; align-items: center; gap: 7px; height: auto; min-height: 42px; margin: 0 !important; padding: 10px 16px; border-radius: 8px; font-size: 13px; line-height: 1.5; text-transform: none; white-space: normal; box-shadow: none; }
.servico-confirmacao-rodape .btn i { margin: 0; }
.servico-confirmacao a:focus-visible, .servico-confirmacao-rodape .btn:focus-visible { outline: 3px solid #24588d; outline-offset: 3px; }
@media (max-width: 600px) {
    .servico-confirmacao { margin: 0; }
    .servico-confirmacao-cabecalho { gap: 10px; padding: 16px; }
    .servico-confirmacao h2 { font-size: 20px; }
    .servico-confirmacao-resumo { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .servico-confirmacao-acesso .btn { width: 100%; }
    .servico-confirmacao-rodape .btn { flex: 1 1 100%; width: 100%; }
}
