body {
    background-color: #f8f8f8; /* Color de fondo suave */
    color: #333; /* Color de texto principal */
    margin: 0; /* Elimina el margen predeterminado */
    padding: 0; /* Elimina el relleno predeterminado */
    line-height: 1.6; /* Espaciado de línea cómodo */

    /* Crea una superposición semi-transparente para resaltar el contenido */
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a {
    text-decoration: none;
}

.btn, .form-control, .card {
    border-radius: 0;
}

/* Paleta de tonos azules */
.bg-primary {
    background-color: #3498db !important;
}

/* Paleta de tonos verdes */
.bg-success {
    background-color: #2ecc71 !important;
}

/* Paleta de tonos violetas */
.bg-purple {
    background-color: #9b59b6 !important;
}

/* Paleta de tonos rojos */
.bg-danger {
    background-color: #e74c3c !important;
}

/* Paleta de tonos naranjas */
.bg-warning {
    background-color: #e67e22 !important;
}

/* Paleta de tonos grises */
.bg-secondary {
    background-color: #95a5a6 !important;
}

/* Colores */
/* Encabezado */
.header {
    background-color: #343a40;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

/* Navegación */
.navbar {
    background-color: #007bff;
}

.navbar-brand,
.navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-nav .nav-link:hover {
    color: #f8f9fa !important;
}

/* Contenido */
.content {
    padding: 20px 0;
}

/* Footer */
footer {
    background-color: #343a40;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* Botón "Acceder" */
.btn-access {
    background-color: #007bff;
    color: #fff;
}

.btn-access:hover {
    background-color: #0056b3;
}

/* Efecto de scaling al hacer hover */
/*
.btn:hover,
.btn:active,
.btn:focus {
    transform: scale(1.01);
}
*/
.category-card:hover,
.category-card:active,
.category-card:focus {
    transform: scale(1.01);
}