/* ========================================================= */
/* -- LP LAUDOS TÉCNICOS -- */
/* Só o que é exclusivo desta página. Hero, formulário,       */
/* seções, cards, carrossel, FAQ, CTA, rodapé, registro       */
/* fotográfico e prévia de documento vêm do                   */
/* lp-componentes.css, carregado antes deste arquivo.         */
/*                                                            */
/* Em 13/08/2026 os blocos .lp-typecard, .lp-note, .lp-shots  */
/* e .lp-docrow saíram daqui para o lp-componentes.css: a LP  */
/* de impermeabilização passou a usar os mesmos componentes.  */
/* ========================================================= */

/* --------------------------------------------------------- */
/* -- begin:: Grade de graus de risco -- */
/* Três faixas coloridas explicando como o laudo classifica   */
/* cada anomalia. Cor só como apoio: o texto diz o mesmo.     */
/* --------------------------------------------------------- */
.lp-risk {
    height: 100%;
    background: #fff;
    border: 2px solid var(--lp-line);
    border-top-width: 6px;
    border-radius: var(--lp-radius);
    padding: 22px;
}

/* Fundo bem suave por dentro e borda saturada por fora: o cartão
   inteiro sinaliza a gravidade, não só o filete do topo. */
.lp-risk--critico {
    background: #fdf2f2;
    border-color: #d05353;
}

.lp-risk--regular {
    background: #fff9ea;
    border-color: #e0a020;
}

.lp-risk--minimo {
    background: #f0f8f3;
    border-color: #2f855a;
}

.lp-risk__label {
    display: inline-block;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 0.76rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.lp-risk--critico .lp-risk__label { color: #b02a2a; }
.lp-risk--regular .lp-risk__label { color: #a86a06; }
.lp-risk--minimo  .lp-risk__label { color: #2f855a; }

.lp-risk__title { font-size: 1rem; color: var(--lp-navy); margin-bottom: 7px; }
.lp-risk__desc { font-size: 0.88rem; color: var(--lp-muted); margin: 0; }

/* --------------------------------------------------------- */
/* -- begin:: Ajustes de celular -- */
/* --------------------------------------------------------- */
@media (max-width: 575.98px) {
    .lp-risk { padding: 18px; }
}