/* Estilos del sistema de evaluación Rapa Nui. */

/* Cada bloque está limitado a su página para evitar conflictos. */


/* ================= INICIO ================= */
body.pagina-inicio {


    font-family: Arial, sans-serif;

    background: #f3f4f6;

    margin: 0;


}

.pagina-inicio .contenedor {


    max-width: 650px;

    margin: 60px auto;

    background: white;

    padding: 35px;

    border-radius: 15px;

    box-shadow:

        0 4px 20px

        rgba(0,0,0,0.1);


}

.pagina-inicio h1 {


    margin-top: 0;


}

.pagina-inicio input,
.pagina-inicio select {


    width: 100%;

    box-sizing: border-box;

    padding: 12px;

    margin-top: 7px;

    margin-bottom: 20px;

    font-size: 16px;


}

.pagina-inicio button {


    width: 100%;

    padding: 15px;

    font-size: 17px;

    border: none;

    border-radius: 9px;

    cursor: pointer;

    background: #2563eb;

    color: white;


}


/* ================= REVISION ================= */
body.pagina-revision {


    font-family:

        Arial,

        sans-serif;

    background:

        #f3f4f6;

    margin: 0;


}

.pagina-revision .superior {


    background: white;

    border-bottom:

        1px solid #ddd;

    padding:

        15px 25px;

    display: flex;

    justify-content:

        space-between;

    align-items: center;


}

.pagina-revision .contenedor {


    max-width: 750px;

    margin: 30px auto;

    background: white;

    padding: 30px;

    border-radius: 15px;

    box-shadow:

        0 4px 20px

        rgba(0,0,0,0.08);


}

.pagina-revision .selector {


    display: flex;

    gap: 10px;

    align-items: center;


}

.pagina-revision select {


    padding: 8px;

    font-size: 15px;


}

.pagina-revision .progreso {


    background:

        #f3f4f6;

    padding: 12px;

    border-radius: 8px;

    margin-bottom: 20px;


}

.pagina-revision .archivo {


    color: #555;

    word-break: break-all;

    font-size: 14px;

    margin-top: 15px;


}

.pagina-revision audio {


    width: 100%;

    margin:

        20px 0;


}

.pagina-revision .botones {


    display: grid;

    grid-template-columns:

        repeat(auto-fit, minmax(120px, 1fr));

    gap: 12px;


}

.pagina-revision .evaluacion {


    padding: 15px 10px;

    font-size: 17px;

    border: 3px solid transparent;

    border-radius: 9px;

    cursor: pointer;

    background: #f3f4f6;


}

.pagina-revision .evaluacion .numero {


    display: block;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 5px;


}

.pagina-revision .evaluacion .descripcion {


    display: block;

    font-size: 12px;

    line-height: 1.25;

    font-weight: normal;


}

.pagina-revision .seleccionada {


    border-color: #111827;

    background: #dbeafe;


}

.pagina-revision .no-evaluable {


    background: #e5e7eb;


}

.pagina-revision .evaluacion {


    padding: 17px;

    font-size: 17px;

    border: 3px solid transparent;

    border-radius: 9px;

    cursor: pointer;


}

.pagina-revision .navegacion {


    display: flex;

    justify-content:

        space-between;

    margin-top: 30px;

    gap: 15px;


}

.pagina-revision .navegacion a {


    flex: 1;

    text-decoration: none;

    text-align: center;

    padding: 13px;

    border-radius: 8px;

    background:

        #e5e7eb;

    color: #111;


}

.pagina-revision .deshabilitado {


    opacity: 0.3;

    pointer-events: none;


}

.pagina-revision .estado {


    margin:

        15px 0;

    padding: 10px;

    border-radius: 8px;

    background:

        #eef2ff;


}


/* ================= EXPLORADOR ================= */
body.pagina-explorador {


    margin: 0;

    font-family: Arial, sans-serif;

    background: #f3f4f6;


}

.pagina-explorador .contenedor {


    max-width: 950px;

    margin: 35px auto;

    padding: 30px;

    background: white;

    border-radius: 14px;


}

.pagina-explorador .carpeta {


    display: block;

    padding: 20px;

    margin: 15px 0;

    background: #eff6ff;

    border: 1px solid #bfdbfe;

    border-radius: 10px;

    text-decoration: none;

    color: #1e3a8a;


}

.pagina-explorador .carpeta:hover {


    background: #dbeafe;


}

.pagina-explorador .archivo {


    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px;

    padding: 14px;

    border-bottom: 1px solid #ddd;


}

.pagina-explorador .nombre {


    overflow-wrap: anywhere;


}

.pagina-explorador .pendiente {


    color: #b45309;


}

.pagina-explorador .evaluado {


    color: #15803d;


}

.pagina-explorador .boton {


    display: inline-block;

    padding: 10px 15px;

    background: #2563eb;

    color: white;

    text-decoration: none;

    border-radius: 8px;


}

.pagina-explorador form {


    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin: 25px 0;


}

.pagina-explorador input,
.pagina-explorador select,
.pagina-explorador button {


    padding: 10px;

    font-size: 15px;


}

.pagina-explorador input {


    flex: 1;

    min-width: 180px;


}

/* Controles comunes beta / descarga */
.aviso-beta { color: #92400e; background: #fffbeb; border-radius: 8px; padding: 10px 12px; font-size: 14px; }
.acciones-cuenta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.form-logout { display: inline-flex !important; margin: 0 !important; padding: 0 !important; flex: initial !important; }
.form-logout button { background: #fee2e2; color: #991b1b; cursor: pointer; border: 0; border-radius: 8px; padding: 10px 12px; font-size: 14px; }
.enlace-excel { font-size: 14px; text-decoration: none; color: #1d4ed8; }
.pagina-revision .superior > div:first-child { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.pagina-explorador .acciones-cuenta a { font-size: 14px; }
@media(max-width:650px){.pagina-explorador .contenedor,.pagina-revision .contenedor{margin:12px;padding:16px}.pagina-explorador .archivo{align-items:flex-start;flex-direction:column}.pagina-revision .superior{padding:12px;gap:12px;flex-wrap:wrap}}