/* Color para logo dentro de la plataforma */
.logo-text {
    color: #f3e0e2; /* azul primary Bootstrap */
}

/* Color para logo en login */
body.login-page .logo-text {
    color: #0e2f9c; /* azul oscuro */
}

.brand-link {
    text-decoration: none; /* quita el subrayado */
}

.content-header {
    margin-left: 10px !important;
    transition: margin-left 0.3s ease; /* transición suave de 0.3 segundos */
}

.sidebar-collapse .content-header {
    margin-left: 55px !important;
    transition: margin-left 0.3s ease;
}

/* Reducir tamaño de los botones */
.action-btns .btn-sm {
    padding: 0.10rem 0.2rem;
    font-size: 0.7rem; /* Más pequeño que btn-sm normal */
}
.action-btns .btn-sm i {
    font-size: 0.8rem;
}

table.table thead th,
table.table tbody td {
    font-size: 0.85rem; /* Ajusta el tamaño a tu gusto, por ejemplo 0.85rem o 12px */
    padding: 0.3rem 0.5rem; /* Opcional: reducir un poco el padding para mejor ajuste */
}

/* Solo para pantallas pequeñas: hacer botones e iconos más pequeños */
@media (max-width: 768px) {

    .btn-success,
    .btn-warning,
    .btn-dark, .btn-outline-primary, .btn-outline-success, .btn-secondary, .btn-outline-danger {
        padding: 0.25rem 0.5rem !important;
        font-size: 0.90rem !important;/* Tamaño más pequeño para móvil */
    }

    /* Reducir tamaño de fuente en encabezados y celdas de tabla */
    table.table thead th,
    table.table tbody td {
        font-size: 0.85rem; /* Ajusta el tamaño a tu gusto, por ejemplo 0.85rem o 12px */
        padding: 0.3rem 0.5rem; /* Opcional: reducir un poco el padding para mejor ajuste */
    }

    /* Reducir tamaño de imágenes dentro de la tabla */
    table.table tbody td img {
        width: 40px;
        height: 30px;
    }

    .action-buttons,
    .action-btns {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center; /* Centrar horizontalmente */
        gap: 0.15rem; /* Espacio pequeño entre botones */
    }

    /* Reducir tamaño de los botones dentro de action-btns */
    .action-btns .btn-sm {
        padding: 0.2rem 0.2rem;
        font-size: 0.70rem; /* Más pequeño que btn-sm normal */
        flex-shrink: 1; /* Permite que los botones se encojan para caber */
    }

    /* Reducir tamaño de los iconos dentro de los botones */
    .action-btns .btn-sm i {
        font-size: 0.7rem;
    }

    /* Opcional: si tienes enlaces <a> fuera de botones, también reducir */
    .action-btns a.btn-sm {
        padding: 0.2rem 0.2rem;
        font-size: 0.50rem;
        justify-content: center; /* Centrar horizontalmente */
        gap: 0.15rem; /* Espacio pequeño entre botones */
    }
}