/* Contenedor principal */
#bpt-app.bpt-container {
    max-width: 900px;
    margin: 40px auto;
    font-family: Arial, Helvetica, sans-serif;
}

/* Cajas principales */
#bpt-app #bpt-intro,
#bpt-app #bpt-test,
#bpt-app #bpt-result,
#bpt-app .bpt-report {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Títulos */
#bpt-app h2 {
    margin-top: 0;
    border-bottom: 2px solid #2c3e50;
    padding-bottom: 8px;
    color: #2c3e50;
}

#bpt-app h3 {
    margin-top: 28px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    color: #2c3e50;
}

#bpt-app h4 {
    margin-top: 18px;
    color: #34495e;
}

/* Resumen */
#bpt-app .bpt-summary {
    background: #f4f7fb;
    border-left: 5px solid #2c3e50;
    padding: 16px;
    margin-bottom: 20px;
}

/* Texto */
#bpt-app p {
    line-height: 1.7;
    margin-bottom: 12px;
}

/* Listas */
#bpt-app ul {
    margin-left: 20px;
    margin-bottom: 16px;
}

#bpt-app li {
    margin-bottom: 8px;
}

/* Botones */
#bpt-app button {
    background: #2c3e50;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 14px;
    cursor: pointer;
}

#bpt-app button:hover {
    background: #1f2c38;
}

/* Navegación del test */
#bpt-app #bpt-test button {
    margin-right: 8px;
}

/* Acciones */
#bpt-app .bpt-actions {
    margin-top: 24px;
    text-align: right;
}

/* Impresión / PDF */
@media print {
    #bpt-app button {
        display: none;
    }
    #bpt-app .bpt-report {
        box-shadow: none;
        border: none;
    }
}