h1 {
    color: #c11007; /* Cambia el código hexadecimal por tu color preferido */
}

h2 {
    color: #2984d1;
}

h3 {
    color: #178236;
}

h4 {
    color: #606958;
}

body {
    background-color: #ffdcab; /* Color de fondo de tu preferencia */
}

body {
    font-family: "Nombre de tu Fuente", sans-serif;
}

h1,
h2,
h3 {
    font-family: "Fuente de Titulos", serif;
}

/* Cambiar el fondo y el borde de las tarjetas */
.quarto-grid-item.card {
    background-color: #1a1a1a; /* Gris muy oscuro */
    border: 1px solid #333333;
    transition: transform 0.3s ease; /* Efecto suave al pasar el mouse */
}

/* Cambiar el color del título */
.listing-title {
    color: #00d4ff !important; /* Azul neón */
    font-weight: bold;
}

/* Cambiar el color del texto de descripción de tarjetas */
.listing-description {
    color: #646464;
}

/* Personalizar las etiquetas de categorías */
.listing-categories .listing-category {
    background-color: #00d4ff;
    color: black;
    border-radius: 5px;
}

/* Efecto Hover (al pasar el ratón) */
.quarto-grid-item.card:hover {
    border-color: #00d4ff;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

/* Tarjeta con fondo oscuro y cristalino */
.quarto-grid-item.card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

/* Títulos en obscuro para resaltar */
.listing-title {
    color: #372aac !important;
}

/* Colores Neón por Categoría */

.listing-category[data-category="Minería de datos"] {
    border: 1px solid #276dc2;
    color: #276dc2 !important;
    background: transparent;
}

.listing-category[data-category="Programación para móviles"] {
    border: 1px solid #ffde57;
    color: #ffde57 !important;
    background: transparent;
}

.listing-category[data-category="Otros"] {
    border: 1px solid #ff3131;
    color: #ff3131 !important;
    background: rgba(255, 49, 49, 0.1);
}

/* En un archivo .css o bloque de estilo */
.sc-title {
    display: none !important;
}

.reveal .header-logo {
    display: none !important;
}