/* FIXED 09-2025*/

/* Pagina edición recurso */
.editarRecurso .dragdropArea-wrap { margin-bottom: 0.4em; }
.editarRecurso .dragdropArea-wrap button{ display: flex; }
.editarRecurso .dragdropArea-wrap button.removeButton{ margin-left: 1.6em}
.editarRecurso .dragdropArea-wrap button.downloadButton { padding: 10px }

/* Modales */
.modal .modal-dialog {width: 100%; max-width: 848px;}
div[id*="despAccionRec_"] {top: unset; left: unset; right: unset; bottom: unset; background: unset; z-index: unset;}

/* Facetas */
#panFacetas .moreResults.allResults{ margin-top: 0.6em !important; }
#panFacetas .verMasFacetasModal { cursor: pointer; }

/* Ficha de Acción formativa */
.fichaRecurso .detallesConfirmacion .acciones{flex: unset !important;}
.fichaRecurso .wrap-col .detalles { display: flex; align-items: center; }
.fichaRecurso .wrap-col .detalles .acciones { display: flex; gap: 10px; }

/* Tab de Convocatorias */
.grupo-plan-formacion > h2, .grupo-requisitos > h2,
.grupo-convocatorias > h2,
.grupo-criterios-acreditacion > h2,
.grupo-info-basica > h2, 
.grupo-resumen > h2,
.grupo-listado-admitidos > h2,
.grupo-fechas-reclamacion > h2,
.grupo-solicitudes-inscripcion > h2,
.grupo-otras-convocatorias > h2,
.grupo-resultados-graficas > h2 { font-size: 18px; font-weight: 700; color: #002d5c; margin-bottom: 16px; border-bottom: 2px solid #ddd; padding-bottom: 6px; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.convocatoria, .grupo-plan-formacion .contenido .items,
.grupo-plan-formacion .contenido .items,
.grupo-requisitos .contenido .items,
.grupo-criterios-acreditacion .contenido .items,
.grupo-info-basica .contenido .items, .grupo-resumen.abierto .contenido,
.grupo-listado-admitidos.abierto .contenido,
.grupo-fechas-reclamacion .contenido .items,
.grupo-solicitudes-inscripcion.abierto .contenido,
.grupo-resultados-graficas.abierto .contenido { background: #fafafa; padding: 24px 28px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); margin-bottom: 30px; }
.convocatoria > p a { display: inline-block; font-size: 20px; font-weight: 600; color: #c00; margin-bottom: 16px;text-decoration: none; }
.convocatoria > p a:hover { text-decoration: underline; }
.convocatoria .items.columnas { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px 40px !important; margin: 20px 0 !important; }
.convocatorias .ponencias { background: #fff;border: 1px solid #eee;border-radius: 6px;padding: 20px;margin-top: 20px; }
.convocatorias .ponencias > strong { font-size: 16px !important; font-weight: 600 !important; margin-bottom: 12px !important; }

/* Panel Opciones de convocatorias */
.opciones a{ cursor: pointer; }


/* Sección Home Convocatoria */
.homeConvocatoria .componenteEnvioMensaje { margin: 20px 0; padding: 20px; background: linear-gradient(135deg, #f8f9fa, #ffffff); border-radius: 12px; border: 1px solid #e9ecef; transition: all 0.3s ease; }
.homeConvocatoria .componenteEnvioMensaje div.envioMensaje:before{ background: none !important;}

.homeConvocatoria .col.span13.break.no-cms-style { max-width: 1200px; margin: 0 auto; padding: 20px; }
.homeConvocatoria .block.no-cms-style { margin-bottom: 25px; }
.homeConvocatoria .block.no-cms-style:last-child { margin-bottom: 0; }
.homeConvocatoria div[style*="border:1px solid #ad164d"] { border-radius: 8px !important; margin: 20px 0 !important; font-weight: 500; box-shadow: 0 2px 8px rgba(173, 22, 77, 0.2) !important; }

.homeConvocatoria .resources { background: #ffffff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); padding: 0 !important; margin: 20px 0; overflow: hidden; }
.homeConvocatoria .group-title { background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 15px 20px 10px; margin: 0; border-bottom: 1px solid #dee2e6; }
.homeConvocatoria .group-title h2 { margin: 0; font-size: 1.2rem; font-weight: 600; color: #2c3e50; }

.homeConvocatoria .resource-list { padding: 0; margin: 0; }
.homeConvocatoria .resource { border-bottom: 1px solid #f1f3f4; margin: 0; transition: background-color 0.2s ease; padding-bottom: 0; padding-left: 0 !important; }
.homeConvocatoria .resource:last-child { border-bottom: none; }

.homeConvocatoria .resource:hover { background-color: #f8f9fa; }
.homeConvocatoria .resource .box.description { padding: 15px 20px; margin: 0; }
.homeConvocatoria .resource .wrapDescription { margin: 0; }
.homeConvocatoria .resource .group.title { margin: 0; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px;}
.homeConvocatoria .resource .group.title h2 { margin: 0 0 8px 0; font-size: 1.1rem; font-weight: 500; flex: 1; min-width: 200px; }
.homeConvocatoria .resource .group.title h2 a { color: #3498db; text-decoration: none; transition: color 0.2s ease; }
.homeConvocatoria .resource .group.title h2 a:hover { color: #2980b9; text-decoration: underline; }
.homeConvocatoria .resource .group.title > div { color: #6c757d; font-size: 0.9rem; font-weight: 400; margin: 0; white-space: nowrap; }
.homeConvocatoria .resourceType { margin: 8px 0 0 0 !important; padding: 0; }
.homeConvocatoria .resourceType span { display: none; /* Oculta "tipo de documento" */ }
.homeConvocatoria .resourceType a { display: inline-block; background: #e9ecef; color: #495057; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; text-decoration: none; font-weight: 500; transition: all 0.2s ease;}
.homeConvocatoria .resourceType.hipervinculo a { background: #d1ecf1; color: #0c5460; }
.homeConvocatoria .resourceType.documento a { background: #d4edda; color: #155724; }
.homeConvocatoria .resourceType.digital a { background: #cce7ff; color: #004085; }
.homeConvocatoria .resourceType.debate a { background: #f8d7da; color: #721c24;}

.homeConvocatoria .componenteCalendario { background: #ffffff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); padding: 0; margin: 25px 0; overflow: hidden; }
.homeConvocatoria .wrapCalendario { padding: 0 !important; }
.homeConvocatoria .ui-datepicker-inline { border: none !important; box-shadow: none !important; width: 100% !important; margin: 0 !important; }
.homeConvocatoria .resource.deshabilitado { opacity: 0.7; }
.homeConvocatoria .fecha_wrapper { padding: 15px 25px; border-left: 4px solid #3498db; margin: 0; }
.homeConvocatoria .fecha_wrapper .titulo { margin: 0 0 5px 0; font-weight: 600;}
.homeConvocatoria .fecha_wrapper .fecha { margin: 0; color: #6c757d; font-size: 0.9rem; }
@media (max-width: 768px) {
    .homeConvocatoria .col.span13.break.no-cms-style {
        padding: 15px;
    }
    
    .homeConvocatoria .resource .box.description {
        padding: 15px 20px;
    }
    
    .homeConvocatoria .group-title {
        padding: 15px 20px 12px;
    }
    
    .homeConvocatoria .resource .group.title {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .homeConvocatoria .resource .group.title > div {
        margin-top: 5px;
    }
    
    .homeConvocatoria .enlaceEnvioMensaje {
        font-size: 14px;
        padding: 12px 24px;
    }
}
.homeConvocatoria .block.no-cms-style + .block.no-cms-style { margin-top: 0; }
.homeConvocatoria .block.no-cms-style:empty { display: none; }

/* Panel de Solicitudes de Convocatoria */
.tablasPresentacion { background: #ffffff; border-radius: 12px; overflow: hidden; margin: 20px 0; }
.tablasPresentacion .cabeceraResource { background: linear-gradient(135deg, #2c3e50, #34495e);     padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; }
.tablasPresentacion .tituloVentana { font-size: 1.2rem;font-weight: 600;margin: 0;color: white !important; }
.tablasPresentacion .cerrarTabla i { cursor: pointer; color: white !important; }
.tablasPresentacion .toolbarGestion { background: #f8f9fa; padding: 15px 25px; border-bottom: 1px solid #e9ecef; }
.tablasPresentacion .toolbarGestion .seleccionar .wrapSel { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.toolbarGestion .seleccionar .wrapSel .btn { padding-top: 0; }
/* Área de búsqueda */
.tablaPresentacionDos .tableTop { background: #ffffff; padding: 20px 25px; border-bottom: 1px solid #e9ecef; }
.tablaPresentacionDos .dataTables_filter { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.tablaPresentacionDos .dataTables_filter input:focus { border-color: #3498db; outline: none; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); }
.tablaPresentacionDos .selectBuscar { border: 1px solid var(--c-gris-borde) !important; border-radius: 8px; padding: 8px 12px; font-size: 0.9rem; background: white !important; }
.dataTables_wrapper { overflow: hidden; }

.tablaGestion { width: 100% !important; border-collapse: collapse; font-size: 0.85rem; }
.tablaGestion thead th { background: linear-gradient(135deg, #f8f9fa, #e9ecef); color: #2c3e50; font-weight: 600; padding: 15px 8px; text-align: left; border-bottom: 2px solid #dee2e6; font-size: 0.8rem; white-space: nowrap; position: sticky; top: 0; z-index: 10; }
.tablaGestion thead th:hover { background: linear-gradient(135deg, #e9ecef, #dee2e6); }
.tablaGestion tbody tr { transition: background-color 0.2s ease; }
.tablaGestion tbody tr:nth-child(even) { background-color: #f8f9fa !important; }
.tablaGestion tbody td { padding: 12px 8px; border-bottom: 1px solid #f1f3f4; vertical-align: top; max-width: 200px; }
.tablaGestion tbody td ul { margin: 0; padding: 0; list-style: none; max-height: 150px; overflow-y: auto; } /* Celdas con contenido largo */
.tablaGestion tbody td ul::-webkit-scrollbar { width: 3px; }
.tablaGestion tbody td ul::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; }
.tablaGestion tbody td ul::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 2px; }
.tablaGestion tbody td ul li { padding: 2px 0; font-size: 0.8rem; line-height: 1.3; border-bottom: 1px solid #f1f3f4; }
.tablaGestion tbody td ul li:last-child { border-bottom: none; }

.tablaGestion .checkbox label { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 0; margin: 0; }
.tablaGestion .checkbox input[type="checkbox"] { width: 16px; height: 16px; accent-color: #3498db; }

/* Columnas específicas */
.tablaGestion .nombrecompleto { min-width: 180px; font-weight: 500; }
.tablaGestion .email { max-width: 250px; word-break: break-all; }
.tablaGestion .fechasolicitud { white-space: nowrap; min-width: 120px; }
.tablaGestion .dni { white-space: nowrap; font-family: monospace; }
.tablaPresentacionDos .tableBottom {background: #f8f9fa;padding: 15px 25px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px; }
.tablaGestion .dataTables_info { color: #6c757d; font-size: 0.9rem; }

.tablaPresentacionDos .dataTables_paginate .pagination { margin: 0; display: flex; gap: 5px; }

.tablaPresentacionDos .dataTables_paginate .page-link { padding: 8px 12px; border: 1px solid #dee2e6; border-radius: 6px; color: #3498db; text-decoration: none; transition: all 0.2s ease; }
.tablaPresentacionDos .dataTables_paginate .page-link:hover,
.tablaPresentacionDos .dataTables_paginate .active .page-link { background: #3498db; color: white; border-color: #3498db; }
.tablaPresentacionDos .dataTables_length select { border: 1px solid #dee2e6; border-radius: 6px; padding: 5px 8px; font-size: 0.9rem; }
.tablaPresentacionDos .botonesAceptacionRechazo { padding: 20px 25px; background: #ffffff; border-top: 1px solid #e9ecef; display: flex; gap: 10px; flex-wrap: wrap; }

/* Responsive */
@media (max-width: 1200px) {
    .tablaGestion { font-size: 0.8rem; }    
    .tablaGestion thead th,
    .tablaGestion tbody td { padding: 10px 6px; }
    .cabeceraResource { padding: 15px 20px;}
    .toolbarGestion,
    .tableTop,
    .tableBottom,
    .botonesAceptacionRechazo,
    .opciones { padding: 15px 20px;}
}

@media (max-width: 768px) {
    .seleccionar .wrapSel { flex-direction: column; align-items: flex-start; }
    
    .dataTables_filter { flex-direction: column; align-items: flex-start; }
    
    .tableBottom { flex-direction: column; align-items: flex-start; }
    
    .tablaGestion tbody td { max-width: 150px; }
    
    .tablaGestion tbody td ul { max-height: 80px; }
}
.pageTabla.tablaTipo2 .tablasPresentacion .tableBottom .dataTables_length label select{  background-color: #fff !important; border: 1px solid var(--c-gris-borde); }

.tablaGestion tbody td:empty::after { content: '—'; color: #adb5bd; font-style: italic; }
.tablaGestion tbody tr.selected { background-color: #e3f2fd !important; }
.tablaGestion tbody tr.selected td { border-color: #90caf9; }
.tablaGestion tbody td[title] { cursor: help; }

/* Contenedor pricipal de Acciones + Dropdown */
.mas-opciones .toggle { display: block; width: 30px; height: 30px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; cursor: pointer; position: relative; transition: all 0.2s ease;}
.mas-opciones .opciones { position: absolute; top: 35px; right: 0; background: #ffffff; border: 1px solid #e9ecef; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); min-width: 200px; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; }

.mas-opciones.open .opciones { opacity: 1; visibility: visible; transform: translateY(0); }
.mas-opciones .opciones .cerrar { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; cursor: pointer; border-radius: 50%; transition: background-color 0.2s ease; }
.mas-opciones .opciones .cerrar:hover { background: #f8f9fa; }

.mas-opciones .opciones .cerrar::before,
.mas-opciones .opciones .cerrar::after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background: #6c757d; transition: background-color 0.2s ease; }
.mas-opciones .opciones .cerrar::before { transform: translate(-50%, -50%) rotate(45deg); }
.mas-opciones .opciones .cerrar::after { transform: translate(-50%, -50%) rotate(-45deg); }

.mas-opciones .opciones ul { list-style: none; margin: 0; padding: 8px 0; }
.mas-opciones .opciones li { margin: 0; padding: 0; }
.mas-opciones .opciones a { display: block; padding: 12px 18px; color: #495057; text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: all 0.2s ease; border-left: 3px solid transparent; }
.mas-opciones .opciones a[id="op_AddTags"]:hover { border-left-color: #28a745; background: #f8fff9; }
.mas-opciones .opciones a[id="op_BlockComments"]:hover { border-left-color: #ffc107; background: #fffef8; }
.mas-opciones .opciones a[id="op_LinkUp"]:hover { border-left-color: #17a2b8; background: #f8fdff; }
.mas-opciones .opciones a[id="op_Delete"]:hover { border-left-color: #dc3545; background: #fff8f8; color: #dc3545; }

.mas-opciones .opciones a:active { transform: translateX(2px); }
.mas-opciones .opciones { animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); }

@media (max-width: 768px) {
    .mas-opciones .opciones { right: -10px; min-width: 180px; }    
    .mas-opciones .opciones a { padding: 14px 16px; font-size: 0.85rem; }
}
.mas-opciones .toggle:focus { outline: 2px solid #3498db; outline-offset: 2px; }
.mas-opciones .opciones a:focus { outline: 2px solid #3498db; outline-offset: -2px; background: #e3f2fd; }

.mas-opciones .opciones::before { content: ''; position: absolute; top: -6px; right: 18px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); }


/* Convocatoria: Sección Recursos educativos */
.categorias a, .etiquetas a { display: inline-block; background: #f8f9fa; color: #6c757d; padding: 2px 8px; border-radius: 12px; font-size: 0.75rem; text-decoration: none; font-weight: 500; transition: all 0.2s ease; border: 1px solid #dee2e6; }
.resource-list .resource .wrap { border-bottom: 1px solid var(--c-gris-borde) !important; }
.listadoAccionFormativa .resource > .wrap .row02 .wrap-detalles .items .item .wrap { border-bottom: none !important; }
.resource-list article.resource { border-bottom: 0 !important; }


/* Página Anyadir Nuevo Recurso */
.resource-list.usuarios .resource .user-miniatura .acciones-usuario-wrap .btn { display: inline-flex; gap: 6px; padding: 8px 16px; border-radius: 6px; cursor: pointer; }


/* Badge de notificaciones */
header > .container > .row .col.col03 ul li.usuario .novedades { position: absolute; top: -8px; left: inherit; right: -8px; background-color: var(--c-verde); border: 2px solid var(--c-blanco); /* Tamaño mejorado */ min-width: 20px; height: 20px; border-radius: 10px; /* Tipografía más grande */ font-size: 12px; font-weight: 400; color: white; /* Centrado del contenido */ display: flex; align-items: center; justify-content: center; /* Efectos visuales */ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); z-index: 10; }
header > .container > .row .col.col03 ul li.usuario .novedades:not(:empty) { min-width: 22px; height: 22px; border-radius: 11px; top: -9px; right: -9px; font-size: 11px; padding: 0 4px; }


#panFiltros .borrarFiltros, #limpiarFiltros { display: inline-flex; color: #fff; border-radius: 6px; background: #ff0267; opacity: unset; }
/* Remover el ::after que causaba problemas visuales */
#panFiltros .borrarFiltros:after { display: none; }
#panFiltros .borrarFiltros::before { color: #fff; margin-right: 10px; }

/* Soporte al profesorado (Preguntas)*/
.seccionRespuestasNoEncontradas .enlaceConsAvanzada { margin-top: 20px; }
.seccionRespuestasNoEncontradas .enlaceConsAvanzada a { display: inline-flex; align-items: center; padding: 12px 24px; background: linear-gradient(135deg, #1976d2, #1565c0); color: white !important; border-radius: 8px; font-weight: 500; font-size: 0.9rem !important; cursor: pointer; }
.seccionRespuestasNoEncontradas h2 { padding-bottom: 8px; border-bottom: 2px solid #e9ecef; }
.seccionPublicarPreg .lbPreSop { display: block; color: #495057; font-weight: 600; font-size: 0.9rem; margin-bottom: 8px; }
.seccionPublicarPreg #titPregSop { width: 100%; padding: 12px 16px; border: 2px solid #e9ecef; border-radius: 8px; font-size: 0.9rem; transition: all 0.2s ease; background: #ffffff; }
.seccionPublicarPreg .buscarImagen { display: inline-block; padding: 10px 20px; background: #f8f9fa; border: 2px dashed #dee2e6; border-radius: 8px; color: #6c757d; cursor: pointer; transition: all 0.2s ease; text-align: center; min-width: 200px; }

.seccionPublicarPreg #divImgPregSop { margin-top: 15px; padding: 15px; background: #f8f9fa; border-radius: 8px; border: 1px solid #e9ecef; }
.seccionPublicarPreg .prevArcFormSem { display: block; margin-bottom: 10px; }

.seccionPublicarPreg .prevArcFormSem img { max-width: 200px; max-height: 150px; border-radius: 6px; border: 1px solid #dee2e6; object-fit: contain; }
.seccionPublicarPreg #btnElmImgPre { background: #dc3545; color: white; border: none; padding: 6px 12px; border-radius: 4px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.seccionPublicarPreg #cmbPregSop { width: 100%; padding: 12px 16px; border: 2px solid #e9ecef; border-radius: 8px; font-size: 0.9rem; background: #ffffff; cursor: pointer; transition: all 0.2s ease;}

.seccionPublicarPreg .group-title { margin-top:1em; }
.seccionPublicarPreg #lbTitConsSop span { display: none; }
.seccionPublicarPreg .enlaceVolverSoporte a { cursor: pointer; }

/* Panel lateral del usuario */
#menuLateralUsuario .header { background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px 20px; border-bottom: 1px solid #dee2e6; position: relative; }
#menuLateralUsuario .img-usuario { flex-shrink: 0; }
#menuLateralUsuario .img-usuario span { width: 50px; height: 50px; background: linear-gradient(135deg, #3498db, #2980b9); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 600; border: 3px solid #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
#menuLateralUsuario .info-usuario { flex: 1; min-width: 0; }
#menuLateralUsuario .info-usuario p { margin: 0; color: #2c3e50; font-weight: 500; line-height: 1.3; }
#menuLateralUsuario .info-usuario p:first-child { font-size: 1rem; font-weight: 600; }
#menuLateralUsuario .info-usuario p:last-child { font-size: 0.85rem; color: #6c757d; }

#menuLateralUsuario .cerrar { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6c757d; transition: all 0.2s ease; }
#menuLateralUsuario .body > p { color: #495057; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 5px; border-bottom: 1px solid #f1f3f4; }
#menuLateralUsuario .body::-webkit-scrollbar { width: 4px; }
#menuLateralUsuario .body::-webkit-scrollbar-track { background: transparent; }
#menuLateralUsuario .body::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 2px; }
#menuLateralUsuario .body::-webkit-scrollbar-thumb:hover { background: #adb5bd; }
#menuLateralUsuario .dropdown-menu::-webkit-scrollbar { width: 3px; }
#menuLateralUsuario .dropdown-menu::-webkit-scrollbar-thumb { background: #adb5bd; border-radius: 2px; }
#menuLateralUsuario li.liSalir a { color: #c82333 !important; font-weight: 700; }


/* Página de Login */
.formularioRegistroUsuarios { background: #ffffff; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); overflow: hidden; margin: 20px auto; max-width: 420px; padding: 25px 40px 35px !important; }
.formularioRegistroUsuarios legend { font-size: 1.8rem; font-weight: 600; color: #2c3e50; text-align: center; margin-bottom: 30px; width: 100%; position: relative; }
.formularioRegistroUsuarios legend::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: linear-gradient(135deg, #3498db, #2980b9); border-radius: 2px; }
.formularioRegistroUsuarios input::placeholder {color: #adb5bd;font-weight: 400; }

#loginError .ko,
#loginErrorAutenticacionExterna .ko,
#logintwice .ko { background: #fff5f5; border: 1px solid #fed7d7; border-radius: 6px; padding: 12px 16px; margin: 15px 0; }
#loginError .ko p,
#loginErrorAutenticacionExterna .ko p,
#logintwice .ko p { color: #e53e3e; font-size: 0.9rem; margin: 0; display: flex; align-items: center; gap: 8px; }

.actionButtons { margin-top: 25px; text-align: center; }
.login .separador{ display: none;}
.login main[role="main"] { padding-top: 140px !important; }



/* Página de Calendario Personal */

.mi-calendario .filtros-calendario { padding: 20px; }
.mi-calendario .filtros-calendario .form-row { gap: 15px; align-items: end; }
.mi-calendario .filtros-calendario .form-control { border: 2px solid #e9ecef; border-radius: 6px; padding: 8px 12px; font-size: 0.9rem; transition: all 0.2s ease; }
.mi-calendario .filtros-calendario .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2); outline: none; }

.mi-calendario .col-calendario,
.mi-calendario .col-eventos { background: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); }
.mi-calendario .col-calendario { border-radius: 0 0 0 12px; border-right: 1px solid #e9ecef; }

.mi-calendario .ui-datepicker-calendar { width: 100% !important; border-collapse: separate !important; border-spacing: 2px !important; }
.mi-calendario .ui-datepicker-calendar th { background: #f8f9fa !important; color: #6c757d !important; font-weight: 600 !important; padding: 10px 5px !important; text-align: center !important; font-size: 0.8rem !important; }
.mi-calendario .ui-datepicker-calendar td { padding: 2px !important; }
.mi-calendario .ui-datepicker-calendar td a:hover { background: #e3f2fd !important; color: #1976d2 !important; }
.mi-calendario .ui-datepicker-today a { background: #3498db !important; color: white !important; font-weight: 600 !important; }

.mi-calendario .leyenda-wrap { padding: 15px 0; border-top: 1px solid #e9ecef; margin-top: 10px; }
.mi-calendario .leyenda-wrap .item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 0.85rem; color: #6c757d; }

.mi-calendario .header-list { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #e9ecef; margin-bottom: 20px; }

.mi-calendario .events-wrap { margin-bottom: 25px; }
.mi-calendario .event-header { background: #f8f9fa; padding: 12px 15px; border-radius: 6px; margin-bottom: 10px; padding: 0.8rem !important; }
.mi-calendario .event-header .event-title { color: #2c3e50; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; }
.mi-calendario .event-list { padding-left: 15px; }
.mi-calendario .event { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f3f4; }
.mi-calendario .event:last-child { border-bottom: none; }
.mi-calendario .event-time { color: #6c757d; font-size: 0.85rem; font-weight: 500; min-width: 50px; font-family: monospace; }
.mi-calendario .event .event-title a { font-size: 0.9rem; line-height: 1.4; }

.mi-calendario #ver-mas-eventos { text-align: center; margin-top: 20px; padding: 15px; background: #f8f9fa; border-radius: 6px; cursor: pointer; color: #6c757d; font-weight: 500; transition: all 0.2s ease; }
.mi-calendario #ver-mas-eventos:hover { background: #e9ecef; color: #495057; }

@media (max-width: 768px) { 
    .mi-calendario .event { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
    .mi-calendario .event-time { flex: 1 1 auto; font-weight: bold; }
}

/* Página de Mi Expediente */
.fichaMiExpediente .grupo-pestanas { margin: 20px 0; }
.fichaMiExpediente .titulo-tab { color: #2c3e50; font-size: 1.2rem; font-weight: 600; margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #e9ecef; }

.fichaMiExpediente .table { border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); margin-bottom: 0; }
.fichaMiExpediente .table thead th { border: none; padding: 16px 18px; color: #495057; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #dee2e6; }
.fichaMiExpediente .table tbody tr:nth-child(even) { background: rgba(248, 249, 250, 0.5); }
.fichaMiExpediente .table tbody tr:last-child td { border-bottom: none; }
.fichaMiExpediente .Estado span { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; background: #d4edda; color: #155724 !important; }
.fichaMiExpediente .tdfecha span { color: #6c757d !important; font-family: monospace; font-size: 0.85rem; }
.fichaMiExpediente .tdconvocatoria { max-width: 300px; }
.fichaMiExpediente .tdconvocatoria a { display: block; line-height: 1.4; }
@media (max-width: 768px) {    
    .fichaMiExpediente .nav-tabs li { width: 100%; }    
    .fichaMiExpediente .nav-tabs li a { padding: 14px 16px; text-align: left; border-bottom: 1px solid #f1f3f4; }    
    .fichaMiExpediente .nav-tabs li:last-child a { border-bottom: none; }    
    .fichaMiExpediente .pmd-tab-active-bar { display: none; }    
    .fichaMiExpediente .nav-tabs li.active a,
    .fichaMiExpediente .nav-tabs li a.active { background: #e3f2fd; color: #1976d2; }    
    .fichaMiExpediente .pmd-card-body { padding: 20px 15px; }    
    .fichaMiExpediente .table { font-size: 0.8rem; }    
    .fichaMiExpediente .table thead th,
    .fichaMiExpediente .table tbody td { padding: 10px 12px; }    
    .fichaMiExpediente .titulo-tab { font-size: 1.1rem; }
}
.fichaMiExpediente .Estado span.rechazada { background: #f8d7da; color: #721c24; }
.fichaMiExpediente .Estado span.pendiente { background: #fff3cd; color: #856404; }
.fichaMiExpediente .Estado span.en-curso { background: #d1ecf1; color: #0c5460; }

/* Ficha de recursos - Sección Editores, Lectores, Compartido en ..,  */
.fichaRecurso .wrap-col .listas { background: unset; }
.fichaRecurso .group-title { color: #495057 !important; font-weight: 600 !important; font-size: 0.9rem !important; margin: 0 0 10px 0 !important; }
.fichaRecurso .info-recurso span:not(.material-icons):not(.material-icons-outlined):not(.eliminar) { color: #6c757d; font-size: 0.9rem; }
.fichaRecurso .listado-comunidades li { display: flex; align-items: center; padding: 10px 0; gap: 8px; transition: all 0.2s ease; }
.fichaRecurso .material-icons-outlined { color: #6c757d !important; font-size: 16px !important; }
.fichaRecurso .eliminar { color: #dc3545 !important; font-size: 16px !important; cursor: pointer; opacity: 0.5; transition: all 0.2s ease; padding: 2px; border-radius: 2px; }
.fichaRecurso .listado-comunidades a { flex: 1; font-size: 0.9rem; line-height: 1.4; }
.fichaRecurso .wrap-col .listas div { margin-bottom: 0.8em !important; }
.buscador-categorias .form-group:after { line-height: 40px; }


/* Input de búsqueda de la plataforma */
#buscador {padding: 10px 0px; margin: 0 auto;background-color: #fff !important; }
#buscador #txtBusquedaPrincipal{ border-bottom: unset; background-color: unset; }
@media (max-width: 768px) {    
    #buscador .botonSearch{ background-color: unset; }
    #buscador #txtBusquedaPrincipal { margin-left: 2.5em; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
    #buscador .textoBusquedaPrincipalInput { width: 100%; padding: 0.5rem; }    
    #buscador .textoBusquedaPrincipalInput .cerrarBusqueda{ margin-right: 0.8em; }   
    #buscador .textoBusquedaPrincipalInput span.icon{ width: 1rem; height:1rem; }   
}

/* Menú de navegación (Header) */
header>.container>.row-menu ul li.parent.open>ul { height: auto !important; max-height: unset !important; }
header > .container > .row-menu > .col > ul > li > ul > li.open > ul { padding-left: 1.8em; margin-top: 0 !important; }
header > .container > .row-menu > .col > ul > li > ul > li > ul > li { margin-bottom: 0.5em !important; }
header>.container>.row-menu ul li.parent.open>ul { padding-bottom: 1em !important;}
header>.container>.row-menu ul li.parent>a::after { display: unset; }
header > .container > .row-menu ul li.parent > a { position: relative; padding-right: 24px; }
header > .container > .row-menu ul li.parent > a::after { content: "\e313"; font-family: "Material Icons"; font-size: 18px !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; color: var(--c-primario) !important;}
header > .container > .row-menu ul li.parent.open > a::after { transform: translateY(-50%) rotate(180deg) !important; }
header > .container > .row-menu ul li.parent.open > a::after, 
header > .container > .row-menu > .col > ul > li > ul > li.open > a::after { content: "\e313"; }

/* Página de Editar perfil */
.editarPerfil .wrap-col h3 { color: #2c3e50; font-size: 1.5rem; font-weight: 600; margin: 0 0 30px 0; padding-bottom: 15px; }

.editarPerfil #foto { margin-bottom: 30px; }
.editarPerfil .foto { display: flex; gap: 30px; align-items: flex-start; border: none; padding: 0; margin: 0; }
.claseImagenHack img { width: 150px !important; height: 150px !important; object-fit: cover; border-radius: 12px; border: 1px solid #dee2e6; }
.claseImagenHack a { display: block; position: relative; overflow: hidden; border-radius: 12px; transition: all 0.2s ease; cursor: pointer;}

.editarPerfil .group.acciones01 > p { color: #495057; font-weight: 600; font-size: 0.9rem; margin: 0 0 10px 0; }
.editarPerfil .group.acciones01 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.editarPerfil .group.acciones01 a { display: inline-block; padding: 8px 16px; background: #f8f9fa; color: #495057; text-decoration: none; border-radius: 6px; font-size: 0.85rem; font-weight: 500; border: 1px solid #dee2e6; transition: all 0.2s ease; cursor: pointer; }
.editarPerfil .group.acciones01 a:hover { background: #e9ecef; border-color: #adb5bd; color: #2c3e50; }
.editarPerfil .wrap-col label { display: block; color: #495057; font-weight: 600; font-size: 0.9rem; margin-bottom: 8px; }
.editarPerfil .btn-primary:hover{ background-color: var(--c-azul-1) !important; opacity: 80% !important;}
.editarPerfil .wrap-col label.datoObligatorio::after { content: ' *'; color: #dc3545;}
.editarPerfil .wrap-col input[type="text"].text { width: 100%; padding: 10px 14px; border: 2px solid #e9ecef; border-radius: 6px; font-size: 0.9rem; transition: all 0.2s ease;}
.editarPerfil .wrap-col input[type="text"].text:focus { outline: none; border-color: #3498db; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); }
.editarPerfil .fieldset.actionButtons { margin-top: 30px; padding-top: 20px; border-top: 1px solid #e9ecef; }
.editarPerfil .fieldset.actionButtons .btn-primary:active { transform: translateY(0); }
.editarPerfil #divErrorPersonal { margin-top: 15px; }

.editarPerfil #divErrorPersonal .ko { background: #fff5f5; border: 1px solid #fed7d7; border-radius: 6px; padding: 12px; color: #e53e3e; font-size: 0.9rem; }

@media (max-width: 768px) {
    .editarPerfil .wrap-col { margin: 20px 15px; padding: 25px 20px; }    
    .editarPerfil .wrap-col h3 { font-size: 1.3rem; margin-bottom: 20px; }   
    .editarPerfil .foto { flex-direction: column; gap: 20px; align-items: center; }    
    .editarPerfil .claseImagenHack img { width: 120px !important; height: 120px !important; }    
    .editarPerfil .group.acciones01 { text-align: center; width: 100%; }    
    .editarPerfil .group.acciones01 ul { align-items: center; }    
    .editarPerfil .fieldset.actionButtons .btn-primary { width: 100%; }
    .claseImagenHack img { width: 120px !important; height: 120px !important; }    
}

@media (max-width: 480px) {
    .editarPerfil .wrap-col { padding: 20px 15px; }    
    .editarPerfil .claseImagenHack img { width: 100px !important; height: 100px !important;}
    .claseImagenHack img { width: 100px !important; height: 100px !important; }    
}

/* Formulario semántico */
.editarRecurso div[id^="contEntSelec_"] { margin: 10px 0; }
.editarRecurso div[id^="contEntSelec_"] table:has(tr) { width: 100%; border-collapse: separate !important; /*border-spacing: 0 !important; border: 1px solid #e9ecef !important;*/ border-radius: 16px; overflow: hidden; }
.editarRecurso div[id^="contEntSelec_"] tbody { display: block; }

.editarRecurso div[id^="contEntSelec_"] tr { display: flex; align-items: center; padding: 5px 16px; transition: all 0.2s ease; background: #ffffff; border-radius: 8px; margin-bottom: 5px; }
.editarRecurso div[id^="contEntSelec_"] tr:last-child { margin-bottom: 0; }
.editarRecurso div[id^="contEntSelec_"] tr:hover { background: #f8f9fa; border-color: #adb5bd; /* Borde más visible en hover */ transform: translateX(2px); }
.editarRecurso div[id^="contEntSelec_"] td:first-child { flex: 1; padding: 0; }
.editarRecurso div[id^="contEntSelec_"] td:first-child span { color: #495057; font-size: 0.8rem; line-height: 1.4; font-weight: 500; }
.editarRecurso div[id^="contEntSelec_"] td:last-child { padding: 0; margin-left: 12px; }
.editarRecurso div[id^="contEntSelec_"] .removeButton { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border-radius: 6px; transition: all 0.2s ease; cursor: pointer; text-decoration: none; }
.editarRecurso div[id^="contEntSelec_"] .removeButton:hover { background: rgba(220, 53, 69, 0.1); }
.editarRecurso div[id^="contEntSelec_"] .removeButton .material-icons { color: #dc3545; font-size: 20px; padding: 0; margin: 0; }
.editarRecurso div[id^="contEntSelec_"] .removeButton:hover .material-icons { color: #c82333; }
/* Contenedor de valores */
.editarRecurso div[id^="contedor_Valores_"] { margin: 10px 0; }
.editarRecurso div[id^="contedor_Valores_"] table:has(tr) { width: 100%; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid #e9ecef !important; border-radius: 12px; overflow: hidden; background: #ffffff; }
.editarRecurso div[id^="contedor_Valores_"] table:not(:has(tr)) { border: none !important; }
.editarRecurso div[id^="contedor_Valores_"] tbody { display: block; }
.editarRecurso div[id^="contedor_Valores_"] tr { display: flex; align-items: center; padding: 5px 16px; transition: all 0.2s ease; background: #ffffff; border-radius: 8px; margin-bottom: 8px; gap: 8px; }

.editarRecurso div[id^="contedor_Valores_"] tr:last-child { margin-bottom: 0; }
.editarRecurso div[id^="contedor_Valores_"] tr:hover { background: #f8f9fa; transform: translateX(2px); }
.editarRecurso div[id^="contedor_Valores_"] td:first-child { flex: 1; padding: 0; }
.editarRecurso div[id^="contedor_Valores_"] td:first-child span { color: #495057; font-size: 0.8rem; line-height: 1.4; font-weight: 500; }
.editarRecurso div[id^="contedor_Valores_"] td.tdaccion { padding: 0; display: flex; align-items: center; gap: 8px; }
.editarRecurso div[id^="contedor_Valores_"] td.tdaccion a[href*="SeleccionarElementoGrupoValores"] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border-radius: 6px; transition: all 0.2s ease; cursor: pointer; text-decoration: none; }
.editarRecurso div[id^="contedor_Valores_"] td.tdaccion a[href*="SeleccionarElementoGrupoValores"]:hover { background: rgba(52, 152, 219, 0.1); }
.editarRecurso div[id^="contedor_Valores_"] .removeButton { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border-radius: 6px; transition: all 0.2s ease; cursor: pointer; text-decoration: none; }
.editarRecurso div[id^="contedor_Valores_"] .removeButton:hover { background: rgba(220, 53, 69, 0.1); }
.editarRecurso div[id^="contedor_Valores_"] .removeButton .material-icons { color: #dc3545; font-size: 20px; padding: 0; margin: 0; transition: color 0.2s ease; }
.editarRecurso div[id^="contedor_Valores_"] .removeButton:hover .material-icons { color: #c82333; }
.editarRecurso div[id^="contedor_Valores_"] td.tdaccion a[onclick*="SeleccionarElementoGrupoValores"] span.material-icons { color: var(--c-primario) !important; font-size: 20px !important; }
.editarRecurso .ac_results{ z-index: 98; }

@media (max-width: 576px) {
    .editarRecurso div[id^="contedor_Valores_"] tr { padding: 4px 12px;}
    .editarRecurso div[id^="contedor_Valores_"] td:first-child span { font-size: 0.85rem; }
    .editarRecurso div[id^="contedor_Valores_"] td.tdaccion { gap: 4px; }

    .editarRecurso div[id^="contedor_Valores_"] td.tdaccion a,
    .editarRecurso div[id^="contedor_Valores_"] .removeButton { width: 28px; height: 28px;}

    .editarRecurso div[id^="contedor_Valores_"] td.tdaccion a .material-icons,
    .editarRecurso div[id^="contedor_Valores_"] .removeButton .material-icons { font-size: 18px; }
}

/* Contenedor de entidades */
.editarRecurso div[id^="panel_contenedor_Entidades_"] { margin: 10px 0; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] table { width: 100%; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid #e9ecef !important; border-radius: 12px; overflow: hidden; background: #ffffff; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] tbody { display: block; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] th.tdtit { display: flex; width: 100%; align-items: center; padding: 12px 16px; border-radius: 8px; font-weight: 600; color: #2c3e50; font-size: 0.9rem; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] tr:first-child { padding: 0; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] tr { display: flex; align-items: center; padding: 5px 16px; transition: all 0.2s ease; background: #ffffff; border-radius: 8px; margin-bottom: 8px; gap: 8px; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] tr:last-child { margin-bottom: 0; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] tr:not(:first-child):hover { background: #f8f9fa; transform: translateX(2px); }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdval { flex: 1; padding: 0; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdval span { color: #495057; font-size: 0.8rem; line-height: 1.4; font-weight: 500; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion { padding: 0; display: flex; align-items: center; gap: 8px; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a[href="javascript: void(0);"][onclick*="SeleccionarElementoGrupoPaneles"] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border-radius: 6px; transition: all 0.2s ease; cursor: pointer; text-decoration: none; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a[href="javascript: void(0);"][onclick*="SeleccionarElementoGrupoPaneles"]:hover { background: rgba(52, 152, 219, 0.1); }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a[onclick*="SeleccionarElementoGrupoPaneles"] span.material-icons { color: var(--c-primario) !important; font-size: 20px !important; padding: 0 !important; margin: 0 !important; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a.remove { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border-radius: 6px; transition: all 0.2s ease; cursor: pointer; text-decoration: none; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a.remove:hover { background: rgba(220, 53, 69, 0.1); }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a.remove .material-icons { color: #dc3545; font-size: 20px; padding: 0; margin: 0; transition: color 0.2s ease; }
.editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a.remove:hover .material-icons { color: #c82333; }
@media (max-width: 576px) { 
    .editarRecurso div[id^="panel_contenedor_Entidades_"] tr { padding: 4px 12px; } 
    .editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdval span { font-size: 0.85rem; } 
    .editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion { gap: 4px; } 
    .editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a, 
    .editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a.remove { width: 28px; height: 28px; } 
    .editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a .material-icons,
    .editarRecurso div[id^="panel_contenedor_Entidades_"] td.tdaccion a.remove .material-icons { font-size: 18px; } 
}

/* Paginador de recursos */
.paginadorResultados { display: flex; justify-content: center; margin: 20px 0; }
.paginadorResultados .pag { display: flex; align-items: center; gap: 8px; }

.paginadorResultados .indiceNavegacion,
.paginadorResultados .primeraPagina,
.paginadorResultados .ultimaPagina,
.paginadorResultados .actual { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid #dee2e6; border-radius: 6px; background: #ffffff; color: #495057; text-decoration: none; font-size: 0.9rem; font-weight: 500; cursor: pointer; }
.paginadorResultados a:not(.primeraPagina):not(.ultimaPagina):nth-child(odd){border-left: 1px solid var(--c-gris-9); border-right: 1px solid var(--c-gris-9)}
.paginadorResultados a.indiceNavegacion:hover { background: #f8f9fa; }

.paginadorResultados .actual { background: linear-gradient(135deg, #3498db, #2980b9); color: white; border-color: #3498db; cursor: default; font-weight: 600; }

.paginadorResultados .deshabilitado { background: #f8f9fa; color: #adb5bd; border-color: #e9ecef; cursor: not-allowed; opacity: 0.6; }
.paginadorResultados .primeraPagina:not(.deshabilitado),
.paginadorResultados .ultimaPagina:not(.deshabilitado) { background: #ffffff; color: #495057; cursor: pointer; }

.paginadorResultados .primeraPagina:not(.deshabilitado):hover,
.paginadorResultados .ultimaPagina:not(.deshabilitado):hover { background: #f8f9fa; border-color: #adb5bd; color: #2c3e50; }

/* Responsive */
@media (max-width: 768px) {
    .paginadorResultados .indiceNavegacion,
    .paginadorResultados .primeraPagina,
    .paginadorResultados .ultimaPagina,
    .paginadorResultados .actual { min-width: 36px; height: 36px; padding: 0 10px; font-size: 0.85rem; }    
    .paginadorResultados .pag { gap: 6px; }
}

@media (max-width: 480px) {
    .paginadorResultados .indiceNavegacion,
    .paginadorResultados .primeraPagina,
    .paginadorResultados .ultimaPagina,
    .paginadorResultados .actual { min-width: 32px; height: 32px; padding: 0 8px; font-size: 0.8rem; }    
    .paginadorResultados .pag { gap: 4px; }
}