﻿

<style >
/* ── Tabs: scroll horizontal en pantallas pequeñas ─────────────────── */
.sie-tabs .mud-tabs-tabbar {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.sie-tabs .mud-tabs-tabbar::-webkit-scrollbar {
    display: none;
}

.sie-tabs .mud-tab {
    white-space: nowrap;
    min-width: 100px;
}

/* ── Tabla: scroll horizontal en contenedor ─────────────────────────── */
.sie-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ── Vista tarjeta (móvil < 600 px) ────────────────────────────────── */
.sie-card-list {
    display: none;
}

@media (max-width: 599px) {
    .sie-table-wrapper {
        display: none;
    }

    .sie-card-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}

/* ── Tarjeta individual ─────────────────────────────────────────────── */
.sie-record-card {
    border-radius: 8px;
    padding: 12px 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
}

    .sie-record-card .sie-field {
        margin-bottom: 6px;
        line-height: 1.4;
    }

    .sie-record-card .sie-field-label {
        font-size: .72rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        opacity: .6;
        display: block;
    }

    .sie-record-card .sie-field-value {
        font-size: .9rem;
    }

    .sie-record-card .sie-actions {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

/* ── Buscador full-width en móvil ───────────────────────────────────── */
.sie-search {
    width: 100%;
}

</style >

.flotante-evaluacionAcademica {
    position: fixed;
    bottom: -70px;
    right: 12px;
    z-index: 1300;
    border: 1px solid rgb(22, 126, 104) !important;
    text-transform: none !important;
    background-color: #fff !important;
    color: rgb(22, 126, 104) !important;
    font-weight: bold !important;
}


.index-pers-portada {
    width: 100% !important;
    height: 400px !important;
}

.index-historial-resumen_general-portada {
    width: 100% !important;
    height: 145px !important;
}
.index-pers-card-acad-foto {
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 6px solid #ef7506 !important;
    width: 150px !important;
    height: 150px !important;
}

.index-pers-perm-acad {
    display: grid;
    grid-template-columns: 1fr;
}

.index-pers-apartado-estancias {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .index-pers-apartado-estancias div:first-child {
        flex: 1 1 40%;
    }

    .index-pers-apartado-estancias div:nth-child(2) {
        flex: 1 1 40%;
    }

    .index-pers-apartado-estancias div:last-child {
        flex: 1 1 20%;
    }

.index-pers-apartado-dinamico {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .index-pers-apartado-dinamico * {
        flex: initial;
    }

@media (min-width: 1280px) {
    .index-pers-portada {
        height: 500px !important;
    }

    .index-pers-card-acad-foto {
        width: 175px !important;
        height: 175px !important;
    }

    .index-pers-grilla {
         display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto auto auto;
  gap: 10px;
    }

    .index-pers-info-acad {
        grid-column: 1 / span 3;
        grid-row: 1 / 2;
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        overflow: auto;
    }

    .index-pers-apartado-dinamico, .index-pers-apartado-dinamico-3filas {
        grid-column: 4 / 5;
        grid-row: 1 / span 4;
    }

    .index-pers-apartado-dinamico-3filas {
        grid-row: 1 / span 3 !important;
    }

    .index-pers-evaluaciones {
        height: fit-content;
    }

    .index-pers-convocatorias {
        height: fit-content;
    }

    .index-pers-tareas {
        height: fit-content;
    }

    .index-pers-fechas {
        height: fit-content;
    }

    .index-pers-act-prod {
        grid-column: 1 / span 3;
        grid-row: 3 / 4;
    }

    .index-pers-proy-serv {
        grid-column: 1 / span 3;
    }

    .index-pers-perm-acad {
        grid-column: 1 / span 3;
    }

    .index-pers-perm-acad-4cols {
        grid-column: 1 / span 4 !important;
    }

    .index-pers-apartado-estancias {
        flex-direction: row;
    }
}

div.index-sie-item-convocatoria:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
}

div.tabla-generica-sie > div.mud-toolbar.mud-toolbar-gutters.mud-table-toolbar,
div.tabla-index-registros-sie > div.mud-toolbar.mud-toolbar-gutters.mud-table-toolbar {
    height: auto;
}

div.check-label-bold p{
    font-weight: bold;
}

div.swal2-actions{
    margin-bottom: 15px;
}

div.swal2-timer-progress-bar{
    height: 20px;
}