/*
| Paleta de Cores Oficial do Projeto - AgroData
|--------------------------------------------------------------------------
|
| Marrom (#5D4037) - Fundo do nav e footer, textos principais, bordas
| Verde (#4CAF50) - Cor principal dos botões e links, sucesso
| Amarelo (#FFD700) - Cor do efeito hover, destaque secundário
| Azul (#2196F3) - Cor de destaque (usado na borda do main, títulos)
| Amarelo Pastel (#FFFDD0) - Fundo do card de autenticação
| Azul Pastel (#E0F7FA) - Fundo do card da dashboard, box de status do plano
|
*/

/* Define a fonte padrão para todo o corpo da página */
body {
    font-family: "Ubuntu", sans-serif;
}

/* Estilos para o logo e a navegação em TODAS as telas */
header img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 50%;
}

/* Estilos para a barra de navegação */
nav {
    padding: 20px 0;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

nav ul li a,
nav ul li button {
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    background-color: #4CAF50;
    border-radius: 20px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    display: block;
    /* Estilos adicionais para o botão se comportar como um link */
    cursor: pointer;
    border: none;
    font-family: inherit;
}

nav ul li a:hover,
nav ul li button:hover {
    background-color: #FFD700;
}

/* Estilos responsivos para telas maiores */
@media (min-width: 992px) {
    header img {
        max-width: 300px;
    }

    nav {
        background-color: #5D4037;
        border-radius: 10px;
    }

    nav ul {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
}

/* Estilos para o rodapé */
footer {
    background-color: #5D4037;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    border-radius: 10px;
}

/* Estilos para o conteúdo principal */
main {
    margin: 0px 0;
    padding: 10px;
}

/* Estilos para cards */
.card {
    background-color: #FFD700;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px 0;
}

/* Estilos para os títulos */
.main-title {
    font-family: "Story Script", sans-serif;
    color: #2196F3;
    text-align: center;
    font-size: 3em;
    font-weight: bold;
    text-decoration: underline;
    margin: 20px 0;
}

.sub-title {
    font-family: "Story Script", sans-serif;
    color: #2196F3;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin: 15px 0;
}

/* Estilos para o card de autenticação (usado também para a página de edição de terreno) */
.auth-card {
    background-color: #FFFDD0;
    border: 1px solid #5D4037;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px auto;
    max-width: 400px;
}

/* Estilos para campos de formulário e rótulos */
.form-field {
    margin-bottom: 20px;
}

.form-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #5D4037;
}

.form-field input[type="text"],
.form-field input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
/* Adicionado input[type="number"] e select ao estilo de formulário */
.form-field input[type="number"],
.form-field select,
.form-field-input { /* Adicionado form-field-input para inputs genéricos no modal/card7 */
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

/* Estilo para o botão */
button[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button[type="submit"]:hover {
    background-color: #FFD700;
}


/* --- Estilo Adicional para o Home (Container de Centralização) --- */
.text-center-container {
    text-align: center;
}


/* --- Estilos Específicos da Dashboard --- */

/* Container para a grade da dashboard */
.dashboard-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr); /* 2 colunas em telas pequenas */
    margin: 20px 0;
}

/* Container para os cards de filtros e resultados (dentro da grid) */
.filter-results-container {
    display: grid;
    grid-template-columns: 1fr; /* Mobile First: 1 coluna */
    gap: 20px;
}

/* Esta media query garante o layout 50/50 em telas maiores (acima de 768px) */
@media (min-width: 768px) {
    .filter-results-container {
        grid-template-columns: 1fr 1fr;
    }
}

/* --- Sugestion container responsivo (blocos 4 e 6) --- */
.sugestion-container {
    /* Mantenho a correção aqui para ocupar 100% da largura, mesmo que o layout final seja todo empilhado */
    grid-column: 1 / -1;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr; /* Mobile: empilhado */
}

/* Card que ocupa toda a largura da grid */
.dash-card-full {
    grid-column: 1 / -1;
}

/* Card que ocupa o dobro do espaço */
.dash-card-wide {
    grid-column: span 2;
}

/* Estilos para o card de dashboard */
.card-dashboard {
    background-color: #E0F7FA;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px 0;
}

.dash-card {
    background-color: #ffffff;
    border: 1px solid #5D4037;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    /* --- CORREÇÃO ADICIONAL PARA IMPEDIR ESTOURO DO PAI (CARD INTEIRO) --- */
    overflow: hidden;
}

/* --- ESTILOS ADICIONADOS PARA CORRIGIR O ESTOURO DO CONTEÚDO DA FICHA TÉCNICA (MOBILE) --- */
#results-display {
    /* Garante que palavras longas (como nomes de unidades) se quebrem */
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* Permite rolagem horizontal interna SÓ SE NECESSÁRIO, para evitar estouro da página principal */
    overflow-x: auto;
    /* Garante que o container interno não exceda o limite */
    width: 100%;
}

/* Regras de reforço: Garante que imagens, tabelas e outros elementos grandes respeitem a largura do container */
#results-display * {
    max-width: 100%;
    height: auto;
    box-sizing: border-box; /* Garante que padding/border não aumentem a largura total */
}
/* Regra para forçar a quebra de texto em qualquer elemento (especialmente importante para strings longas sem espaço) */
#results-display p, #results-display span, #results-display div {
    word-break: break-all;
}
/* Regra específica para tabelas */
#results-display table {
    width: 100%;
    border-collapse: collapse;
}

/* Remove a rolagem interna em telas maiores, onde há espaço */
@media (min-width: 768px) {
    #results-display {
        overflow-x: hidden;
    }
}
/* --------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* ESTILOS ESPECÍFICOS PARA OS 3 CARDS DE CLIMA (dash-clima-grid) */
/* -------------------------------------------------------------------- */

.dash-clima-grid {
    display: grid;
    /* Padrão Mobile First: Empilha em uma única coluna */
    grid-template-columns: 1fr;
    gap: 20px; /* Espaço entre os cards */
    margin-bottom: 20px;
}

/* Para telas médias (onde a dashboard-grid já tem 2 colunas) */
@media (min-width: 768px) {
    .dash-clima-grid {
        /* Define 3 colunas, com o terceiro card (wide) sendo o dobro dos outros */
        grid-template-columns: 1fr 1fr 2fr;
    }
}

/* Para telas grandes (onde a dashboard-grid tem 5 colunas) */
@media (min-width: 1200px) {
    .dash-clima-grid {
        /* Garante que o container se estenda por toda a largura na grid de 5 colunas */
        grid-column: 1 / -1;
        /* Mantém o layout interno (2 cards pequenos + 1 card grande) */
        grid-template-columns: 1fr 1fr 2fr;
    }
}

/* Estilo Adicional para o Bloco 2 (Clima) */
.temp-display {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
}


/* Card para o layout 50/50 responsivo (Card 6 e Card 7) - Padrão: 100% */
.dash-card-responsive-half {
    grid-column: 1 / -1;
}

/* Ajuste para telas grandes (5 colunas) */
@media (min-width: 1200px) {
    .dashboard-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    /* Manter ajuste para o Card 4 */
    .dash-card-wide {
        grid-column: span 3;
    }

    /* Cards 6 e 7: Ocupam 2 colunas cada, forçando o layout lado a lado (50/50 visual) */
    .dash-card-responsive-half {
        grid-column: span 2;
    }
}

/* --- ESTILOS PARA O CARD DE SUGESTÕES (Card 6) --- */
.suggestion-list {
    list-style: none;
    padding: 0;
}
.suggestion-item {
    margin-bottom: 10px;
    padding: 10px;
    border-left: 5px solid #4CAF50; /* Cor primária do AgroData */
    background-color: #f9f9f9;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: transform 0.2s;
}
.suggestion-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
/* Cores do ranking em tons de verde */
.suggestion-item.rank-1 { border-color: #2e7d32; }
.suggestion-item.rank-2 { border-color: #43a047; }
.suggestion-item.rank-3 { border-color: #66bb6a; }

.suggestion-score {
    font-weight: bold;
    color: #2e7d32;
    font-size: 1.1rem;
}


/* --- ESTILOS PARA O GERENCIAMENTO DE TERRENOS (Card 7) --- */

.terreno-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}
.terreno-item {
    display: flex;
    flex-direction: column; /* Coluna em telas pequenas */
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.terreno-item:last-child {
    border-bottom: none;
}
.terreno-details {
    flex-grow: 1;
    margin-bottom: 10px;
}
/* Estiliza botões e links dentro de terreno-actions */
.terreno-actions button,
.terreno-actions a {
    margin-right: 8px;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.3s;
    display: inline-block; /* Garante que 'a' se comporte como um botão/link de ação */
    text-align: center; /* Centraliza o texto do link */
    text-decoration: none; /* Remove sublinhado do link */
}
.terreno-actions .edit-btn {
    background-color: #2196F3; /* Azul de destaque */
    color: white;
}
.terreno-actions .delete-btn {
    background-color: #dc3545;
    color: white;
}
.terreno-actions .edit-btn:hover {
    background-color: #007bff;
}
.terreno-actions .delete-btn:hover {
    background-color: #c82333;
}

/* Estilo para o formulário de criação/edição */
.terreno-form-container {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}
.terreno-form-container h5 {
    margin-top: 0;
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
}

/* Estilo responsivo para lista de terrenos */
@media (min-width: 768px) {
    .terreno-item {
        flex-direction: row; /* Volta para linha no desktop */
        align-items: center;
    }
    .terreno-details {
        margin-bottom: 0;
    }
}

/* --- CORREÇÃO FINAL E DEFINITIVA: Overflow Horizontal para o Widget de Cotações (bloco6.html) --- */
.cotacao-widget-wrapper {
    /* Define o display para garantir que o contêiner respeite a largura 100% do card */
    display: block;
    width: 100%;
    box-sizing: border-box;
    /* Por padrão (telas maiores), não há rolagem */
    overflow-x: hidden;
}

/* Aplica a rolagem APENAS em telas pequenas (até 767px de largura) */
@media (max-width: 767px) {
    .cotacao-widget-wrapper {
        /* Garante que o contêiner interno tenha a largura mínima do widget (400px),
           forçando o navegador a reconhecer o estouro, ignorando a largura de 100% do card pai */
        min-width: 400px;

        /* ESSENCIAL: Ativa a rolagem horizontal (barra ou arrasto) */
        overflow-x: auto;
    }
}

/* --- Estilos para o Bloco 7 (Seleção de Terreno para Plano) --- */

/* Estilo para a caixa de detalhes do terreno selecionado */
.terreno-details-box {
    padding: 10px;
    margin-top: 15px;
    border: 1px dashed #5D4037; /* Marrom */
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* Estilos de fonte dentro da caixa de detalhes */
.terreno-details-box p {
    font-size: 0.9em;
}

/* Estilo para o estado desabilitado do botão */
button[type="submit"]:disabled {
    background-color: #ccc !important; /* Cor cinza, importante para sobrepor o hover */
    cursor: not-allowed;
    color: #666;
    box-shadow: none;
}

/* Estilo para a caixa de mensagens/erros */
#messageBox {
    font-size: 0.9em;
    text-align: center;
    margin-top: 10px;
    color: #dc3545; /* Vermelho padrão para mensagens de erro */
    font-weight: bold;
}
/* Novo estilo para o spinner de carregamento (CSS puro) */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #4CAF50; /* Cor primária do projeto (verde) */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 10px auto;
}

/* --- Estilos para o Bloco 3: Ficha Técnica de Cultivo (Renderizada por JS) --- */

#produto-error-message {
    color: #dc3545; /* Vermelho */
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    display: none; /* O JS controla a exibição */
}

.ficha-detail-section {
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ffffff;
}

.ficha-detail-title {
    font-size: 1.2em;
    color: #5D4037; /* Marrom */
    border-bottom: 2px solid #5D4037;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-weight: bold;
}

.ficha-detail-grid {
    display: grid;
    /* Padrão Mobile: 1 coluna para legibilidade */
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 0;
    padding: 0;
}

@media (min-width: 600px) {
    .ficha-detail-grid {
        /* Desktop/Tablet: 2 colunas */
        grid-template-columns: 1fr 1fr;
    }
}

/* CORREÇÃO: Usar Flexbox para empilhar DT e DD no mobile, garantindo largura total */
.ficha-detail-item {
    display: flex; /* Adicionado */
    flex-direction: column; /* Adicionado: Empilha o rótulo (dt) e o valor (dd) */
    padding: 5px 0;
    width: 100%; /* Garante que o item utilize 100% do seu slot no grid */
}

.ficha-detail-item dt {
    font-weight: bold;
    color: #4CAF50; /* Verde */
    margin-bottom: 2px;
    width: 100%; /* Adicionado: Garante largura total */
}

.ficha-detail-item dd {
    margin-left: 0;
    font-size: 1em;
    color: #333;
    width: 100%; /* Adicionado: Garante largura total */
    word-break: break-word; /* Adicionado/Reforçado: Garante a quebra de palavras longas */
    overflow-wrap: break-word; /* Adicionado/Reforçado: Garante a quebra de palavras longas */
}


/* -------------------------------------------------------------------------------------------------------------------
   NOVAS CLASSES DE ESTILO PARA O WIZARD (planoplantio.html e planofinal.html) E UTILIDADES GERAIS
------------------------------------------------------------------------------------------------------------------- */

/* --- NOVAS CLASSES DE UTILIDADE (Para uniformidade) --- */

/* Textos e Cores */
.text-marrom {
    color: #5D4037;
    font-size: 1em;
    margin-bottom: 20px; /* Padrão de parágrafos */
}
.text-marrom-bold {
    font-weight: bold;
    color: #5D4037;
}
.text-padrao {
    color: #333; /* Cor de texto geral */
    margin-bottom: 15px;
}
.small-text-padrao {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 15px;
}
.text-red-error {
    color: #dc3545; /* Vermelho padrão para erro */
    text-align: center;
    font-weight: bold;
}

/* Layout e Espaçamento */
.page-container {
    max-width: 1200px;
    margin: 20px auto 30px; /* Centraliza o card principal */
}
.margin-top-20 {
    margin-top: 20px;
}
.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.action-list-spacing li {
    margin-bottom: 10px;
}

/* Títulos/Divisores */
.header-divisor {
    border-bottom: 2px solid #2196F3;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.sub-title-left {
    text-align: left;
    margin: 0;
    font-size: 2em; /* Padrão de subtítulo */
}
.sub-title-left-small {
    text-align: left;
    margin: 0;
    font-size: 1.5em;
}
.main-title-green {
    color: #4CAF50 !important; /* Verde de sucesso/principal */
}

/* Botões e Links */
.link-verde {
    color: #4CAF50;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
    font-size: 0.9em;
}
.link-button-padrao {
    /* Estilos para o link se parecer com um botão de ação */
    display: inline-block;
    padding: 8px 15px;
    background-color: #f9f9f9;
    border: 1px solid #5D4037;
    border-radius: 5px;
    color: #5D4037;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
}

/* Botões com Spinner (Reuso) */
.action-btn-with-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner-small {
    margin: 0 0 0 10px;
    width: 20px;
    height: 20px;
}
.spinner-medium {
    width: 25px;
    height: 25px;
    margin: 0 auto 10px;
}


/* Caixa de Status/Sucesso (planofinal) */
.terreno-info-box-status.success-box {
    background-color: #e8f5e9; /* Verde Suave */
    border-left-color: #4CAF50; /* Verde Principal */
}

/* Estilos de Lista de Detalhes (bloco7) */
.detail-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1em;
}
.detail-list {
    list-style: none;
    padding: 0;
}
.detail-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 0.9em;
}
.detail-item span:last-child {
    font-weight: bold;
    color: #333;
}

/* Estilos para a lista de planos (bloco7) */
.planos-list-container {
    margin-top: 15px;
}
.loading-message-box {
    text-align: center;
    padding: 15px;
    color: #5D4037;
}
.empty-message-box {
    text-align: center;
    padding: 15px;
    border: 1px dashed #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}


/* Estilos de Formulario/Texto (planoplantio) */
.text-center-padrao {
    text-align: center;
    color: #666;
    padding-top: 10px;
}
.text-center-mt3 {
    text-align: center;
    margin-top: 15px;
}


/* 1. Grid Layout para Seleção/Preview (1fr / 2fr split) */
.plan-wizard-grid {
    display: grid;
    grid-template-columns: 1fr; /* Mobile First: Coluna única */
    gap: 20px;
}
@media (min-width: 992px) {
    .plan-wizard-grid {
        grid-template-columns: 1fr 2fr; /* Desktop: 1/3 e 2/3 */
    }
}

/* 2. Terreno Info Box (Baseado na paleta Azul Pastel) */
.terreno-info-box-status {
    background-color: #E0F7FA; /* Azul Pastel */
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #2196F3; /* Azul de destaque */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.terreno-info-box-status p {
    margin: 5px 10px;
    color: #5D4037; /* Marrom */
}
.terreno-info-box-status strong {
    font-size: 1.1em;
    font-weight: 700;
}

/* 3. Botão de Ação Principal (Verde/Amarelo Hover) */
.plan-action-btn-main {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #4CAF50; /* Verde */
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s;
    margin-top: 20px;
}
.plan-action-btn-main:hover:not(:disabled) {
    background-color: #FFD700; /* Amarelo */
    color: #5D4037; /* Marrom */
    transform: translateY(-2px);
}
.plan-action-btn-main:disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
    opacity: 0.8;
    transform: none;
}

/* 4. Controles de Navegação Final (Voltar/Finalizar) */
.nav-control-buttons {
    margin-top: 30px;
    text-align: center;
}
.nav-control-buttons button,
.nav-control-buttons a {
    padding: 10px 20px;
    border: 1px solid #5D4037; /* Marrom */
    border-radius: 5px;
    background-color: #fff;
    color: #5D4037;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    font-family: inherit; /* Garante que os botões usem a fonte Ubuntu */
}
.nav-control-buttons a.finalizar-btn,
.nav-control-buttons button.finalizar-btn {
    background-color: #4CAF50; /* Verde */
    color: #fff;
    border-color: #4CAF50;
}
.nav-control-buttons a.finalizar-btn:hover,
.nav-control-buttons button.finalizar-btn:hover {
    background-color: #FFD700; /* Amarelo */
    color: #5D4037;
}

/* 5. Estilização específica do Display da Ficha Técnica (Reuso de estilos existentes do main.css) */
#results-display, #plan-preview-display {
    min-height: 200px;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
    border: 1px dashed #ccc;
}

/* Classe para mensagem de sucesso (preview) */
.success-message-box {
    background-color: #e8f5e9; /* Um verde bem suave */
    color: #2e7d32; /* Um verde escuro */
    padding: 15px;
    border-radius: 8px;
    border-left: 5px solid #4CAF50; /* Verde */
    margin-bottom: 25px;
    font-weight: bold;
}

/* --- Estilos Adicionais para o Footer --- */

/* Estiliza os links no footer (já definido para ser branco no pai, mas reforçamos) */
footer .footer-link {
    color: #fff;
    text-decoration: underline;
    transition: color 0.3s ease;
}

/* Aplica o hover amarelo para consistência */
footer .footer-link:hover {
    color: #FFD700;
}

/* Container de detalhes para centralizar o texto (opcional, mas limpa o HTML) */
.footer-details {
    margin-top: 10px;
    font-size: 0.9em;
}

/* Garante que os parágrafos internos tenham margem mínima */
.footer-details p {
    margin: 5px 0;
}

/* Estilo para a mensagem de Dica/Alerta - no bloco 1 */
.alert-info {
    padding: 10px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-left: 5px solid #ffae00; /* Cor Laranja/Amarelo */
    background-color: #383838; /* Um tom escuro para contraste no fundo marrom (se for o caso) */
    color: #f0f0f0;
    border-radius: 4px;
    font-size: 0.95em;
}

.alert-info p {
    margin: 0; /* Remove margens internas do parágrafo */
}