.card {
    max-width: 80rem;
}

.card__logo {
    min-width: 25rem;
    width: 45%;
}

.form-container {
    min-width: 25rem;
    width: 55%;
    padding: 1.5rem;
}

.title {
    margin-bottom: 2.5rem;
}

/* Ajustes para tablets (769px - 1024px) */

/* La barra lateral puede comenzar colapsada en tablets */
.sidebar {
    width: 7rem; /* Igual que el estado colapsado definido en styles.css */
}

.sidebar .sidebar__item--text {
    display: none;
    opacity: 0;
}

.sidebar .sidebar-header {
    padding: 0.5rem;
}

.sidebar .sidebar__item a {
    padding: 1.2rem;
    justify-content: center;
}

.sidebar .sidebar__item img {
    margin-right: 0;
}

/* Ajustar la sección superior para tablets */
.menu2 {
    padding: 8px 15px;
}

.top-section {
    gap: 1.5rem;
}

.top-section__user-info h6 {
    font-size: calc(var(--sm) - 0.1rem);
}

/* Ajustar el menú desplegable */
.menu-drop {
    right: 1rem;
    min-width: 14rem;
}

/* Ajustar el contenedor de recuperación */
.card__recover-container {
    max-width: 40rem;
    padding: 1.8rem;
}

/* Ajustes en elementos de formulario */
select {
    min-width: 18rem;
}

/*Filter*/

/* Ajustes para el contenedor de página */
.container-page {
    margin: var(--sm) 1.5rem 0;
    padding: 1rem 1.5rem;
}

/* Ajustes para los filtros */
.filters {
    gap: 1.5rem;
}

.filters>div {
    min-width: 160px;
}


/* Ajustes para las acciones */
.actions>div {
    gap: 1.5rem;
}

/* Ajuste de la flecha del menú desplegable */
.menu-drop::before {
    right: 1.2rem;
}

/*Gráficas*/
.container-stats {
    width: 90%;
    padding: 1rem;
}