:root {
    --bg-main: #F3ECE4;
    --bg-soft: #FAF6F0;
    --card-bg: #FFFFFF;
    --text-main: #5A504B;
    --text-soft: #7A6F68;
    --text-dark: #1F1F1F;
    --border: #E3D8CD;
    --shadow: 0 12px 30px rgba(0,0,0,0.08);
    --btn-main: #6B5E57;
    --btn-hover: #514741;
}

/* GENERAL */
body {
    margin: 0;
    padding: 0;
    background: var(--bg-main);
    font-family: "Segoe UI", sans-serif;
    color: var(--text-main);
}

/* NAVBAR */
.brulee-navbar {
    background: var(--bg-soft);
    border-bottom: 1px solid var(--border);
    padding: 12px 0;
}

.brulee-brand img {
    height: 60px;
}

/* CONTENEDOR */
.main-wrapper {
    padding: 40px 15px;
}

/* CARD */
.card-brulee {
    max-width: 900px;
    margin: auto;
    background: var(--card-bg);
    border-radius: 20px;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    overflow: hidden;
}

/* HEADER */
.card-header-brulee {
    text-align: center;
    padding: 30px 20px;
    background: var(--bg-soft);
    border-bottom: 1px solid var(--border);
}

    .card-header-brulee img {
        max-width: 320px;
        margin-bottom: 15px;
    }

    .card-header-brulee h1 {
        margin: 0;
        font-size: 26px;
        letter-spacing: 2px;
        color: var(--text-main);
    }

    .card-header-brulee p {
        color: var(--text-soft);
        font-size: 14px;
    }

/* BODY */
.card-body-brulee {
    padding: 30px;
}

/* TITULOS */
.section-title {
    font-weight: bold;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 8px;
    color: var(--text-main);
}

/* INPUTS */
.form-control-brulee {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--bg-soft);
}

    .form-control-brulee:focus {
        outline: none;
        border-color: var(--btn-main);
    }

/* PREGUNTAS */
.question-box {
    background: var(--bg-soft);
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid var(--border);
}

.question-title {
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-dark);
}

/* RADIO */
.scale-row {
    display: flex;
    gap: 10px;
}

    .scale-row input[type="radio"] {
        accent-color: var(--btn-main);
    }

/* BOTON */
.btn-brulee {
    background: var(--btn-main);
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 999px;
    font-weight: bold;
    cursor: pointer;
    transition: .2s;
}

    .btn-brulee:hover {
        background: var(--btn-hover);
    }

/* ALERTAS */
.alert-success {
    background: #E8F5EC;
    border: 1px solid #C8E6D3;
    color: #2E7D32;
    padding: 10px;
    border-radius: 10px;
}

.alert-error {
    background: #FDEAEA;
    border: 1px solid #F5C6C6;
    color: #B71C1C;
    padding: 10px;
    border-radius: 10px;
}

/* FOOTER */
.footer-brulee {
    text-align: center;
    padding: 15px;
    color: var(--text-soft);
}