/* static/css/spa.css */

/* Ancho y posición del contenido principal */
.container-max-width {
    /* un poco más ancho que el original (1100) para aprovechar mejor monitores grandes */
    max-width: 1300px;
    /* centrado dentro del área a la derecha del sidebar */
    margin-left: auto;
    margin-right: auto;
}

/* Tarjetas más agradables */
.card {
    border-radius: 0.75rem;
}

/* Espacio entre elementos */
h1, h2, h3, .h3 {
    margin-bottom: 0.75rem;
}

/* Ajustes para tablas en mobile */
.table-responsive {
    border-radius: 0.75rem;
}

/* Pequeñas mejoras para formularios */
form .form-label {
    font-weight: 500;
}

/* Espacio inferior global */
body {
    padding-bottom: 40px;
}

/* Cuadradito de color (profesionales) */
.color-dot {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid #ccc;
}