@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    /* Brand */
    --brand-1: #1B47F9;
    --brand-2: #001CA7;
    --brand-3: #005BF0;
    --brand-4: #0097FC;
    --brand-dark: #1D1D1B;
    /* Secundárias / apoio */
    --sec-1: #092F74;
    --sec-2: #0C4FC0;
    --accent-green: #0ECA68;
    --accent-purple: #9300B3;
    --muted: #8A8A8A;
    --paper: #F5F5F5;
    --paper-2: #AFC6E6;
    /*Gradientes*/
    --linear-gradient-1: linear-gradient(to right, #EDECF1, #AFC6E6);

}

.hidden {
    display: none !important
}

body {
    font-family: "DM Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;

    /* Fundo gradiente */
    background-image: var(--linear-gradient-1);
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* fica fixo ao rolar */
    background-size: cover;
}



/* Controles acessíveis + destaque */
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--brand-1);
}

.gb-gradient {
    background: linear-gradient(135deg, var(--brand-1), var(--brand-3));
}

input[type="radio"]:focus-visible,
input[type="checkbox"]:focus-visible {
    outline: 5px solid var(--accent-purple);
    outline-offset: 5px;
}

/* Cartões de opção com hover/seleção diferenciada */
.option-card {
    border: 1px solid rgba(0, 0, 0, .06);
    transition: all .15s ease;
}

.option-card:hover {
    background: var(--paper);
    box-shadow: 0 0 0 3px rgba(27, 71, 249, .12)
}

/* Estado selecionado — radios/checkbox */
.peer:checked+.option-card {
    background: rgba(27, 71, 249, .06);
    border-color: var(--brand-1);
    box-shadow: 0 0 0 2px var(--brand-1) inset;
}

input[type="checkbox"] {
    appearance: none;
    /* reseta estilo padrão */
    -webkit-appearance: none;
    /* necessário para Safari */
    -moz-appearance: none;
    /* necessário para Firefox */

    width: 0px;
    height: 0px;
    border: 0px solid #000;
    cursor: pointer;
    padding: 0;
    margin: 0;
}


/* “Chips” (checkbox moderno) */
.peer.modern:checked+.chip {
    background: rgba(14, 202, 104, .12);
    border-color: var(--accent-green);
    box-shadow: 0 0 0 2px var(--accent-green) inset;
}

.chip:hover {
    background: var(--paper);
}

.section-title {
    background: linear-gradient(90deg, var(--brand-1), var(--brand-4));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

/* Esconde o ícone padrão do checkbox quando usamos "chip" */
.peer.modern {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

.hide-in-iframe {
    display: none !important;
}