/* estilos.css - Mesa de ayuda escolar (mejora elegida: CSS en archivo separado) */
* { box-sizing: border-box; }

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #eef2f7;
    color: #1f2937;
    margin: 0;
    padding: 30px 15px;
}

.contenedor {
    max-width: 760px;
    margin: 0 auto;
    background: #ffffff;
    padding: 28px 32px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
}

.contenedor.ancho { max-width: 1050px; }

h1 {
    margin-top: 0;
    color: #1d4ed8;
    border-bottom: 3px solid #1d4ed8;
    padding-bottom: 10px;
}

label { font-weight: bold; display: block; margin-bottom: 4px; }

input, select, textarea {
    width: 100%;
    padding: 9px;
    margin-top: 4px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    font-size: 15px;
    font-family: inherit;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.2);
}

button {
    background: #1d4ed8;
    color: #ffffff;
    border: none;
    padding: 11px 22px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

button:hover { background: #1e40af; }

a { color: #1d4ed8; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

table { width: 100%; border-collapse: collapse; margin-top: 15px; }

th {
    background: #1d4ed8;
    color: #ffffff;
    text-align: left;
    padding: 10px;
}

td { padding: 9px; border-bottom: 1px solid #d1d5db; vertical-align: top; }
tr:nth-child(even) td { background: #f3f4f6; }

.prio-Alta  { color: #b91c1c; font-weight: bold; }
.prio-Media { color: #b45309; font-weight: bold; }
.prio-Baja  { color: #15803d; font-weight: bold; }

.aviso { background: #dcfce7; border-left: 5px solid #16a34a; padding: 12px; border-radius: 6px; }