h1 {
    font-size: 48px !important; /* Cambia el tamaño */
    font-weight: bold !important; /* Hace que el título destaque */
    text-align: center !important; /* Centra el texto si lo necesitas */
}

.fs-1 {
    font-size: 48px !important;
}

h2 {
    font-size: 24px !important; /* Ajusta según lo que quieras */
    font-weight: bold;
}

.card-title {
    background-color: #333333; /* Amarillo dorado */
    color: #ffcc00; /* Texto en negro para buen contraste */
    padding: 20px;
    border-radius: 8px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
body {
    background-color: #3A3A3A; /* Fondo oscuro uniforme */
    color: white; /* Texto legible */
}

.navbar {
    background-color: #3A3A3A !important; /* Evita colores claros en la barra superior */
}

.container {
    background-color: transparent; /* Sin fondo blanco */
}

.card {
    background-color: #3A3A3A; /* Todas las tarjetas con el mismo fondo */
    color: white;
    border: 1px solid #333; /* Bordes suaves para diferenciar */
}
.subcategory-item p {
    color: white !important; /* Cambia el texto a blanco */
    font-size: 16px; /* Ajusta el tamaño si es necesario */
}

.card-text {
    color: #ffcc00 !important;
}

.category-description {
    color: crimson !important;
    font-size: 20px;
}

.subcategory-title {
     color: #FFD700;
     font-weight: bold;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.subcategory-description {
    color: red; /* Cambia el color del texto */
    font-weight: bold; /* Opcional: hace el texto más resaltado */
	font-size: 24px; /* Aumenta el tamaño de la fuente */
}

.topic-list {
    background-color: #3A3A3A; /* Fondo negro */
    padding: 10px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
}

.topic-item {
    background-color: #3A3A3A; /* Fondo negro de cada tema */
    color: white; /* Letras blancas */
    border: 1px solid gray; /* Borde gris para separación */
}

.topic-item a {
    color: #FFD700; /* Asegurar que los enlaces sean blancos */
 
}

.topic-item a:hover {
    color: black; /* Enlaces dorados al pasar el ratón */
}

.username {
    color: red; /* Nombre en rojo */
    font-weight: bold; /* Opcional: hace que resalte más */
}

.datetime {
    color: #FFD700; /* Fecha creación */
    font-style: italic; /* Opcional */   
	display: block; /* Hace que la fecha ocupe toda la línea */
    text-align: right; /* Alineación a la derecha */
}


.updated {
	text-align: right; /* Alineación a la derecha */
	font-style: italic; /* Opcional */	
    color: #FF4500; /* 🔥 Rojo anaranjado para la última edición */
}

.updated2 {
	color: #00FF00; /* 🔥 Verde brillante para "Última edición:" */
    font-weight: bold; /* Opcional: hacer que resalte más */
}

.published-label {
    color: #D3D3D3; /* 🔥 Naranja brillante para "Publicado por" */
    font-weight: bold; /* Opcional: hacerlo más visible */
}

.local-time {
    
    color: #FFFF00;          /* Color gris claro */
    font-size: 0.9em;        /* Tamaño un poco más pequeño */
    margin-left: 10px;       /* Espacio a la izquierda */
}

.local-time2 {
	
    color: #CD5C5C;          /* Color gris claro */
    font-size: 0.9em;        /* Tamaño un poco más pequeño */
    margin-left: 10px;       /* Espacio a la izquierda */
}

.local-time3 {
    color: #FFFF00;          /* Color gris claro */
    font-size: 0.9em;        /* Tamaño un poco más pequeño */
}

.local-time4 {
  
    color: #FFFF00;          /* Color gris claro */
    font-size: 0.9em;        /* Tamaño un poco más pequeño */
    margin-left: 10px;       /* Espacio a la izquierda */
}

.custom-list-item {
    background-color: #3A3A3A; /* o el color que uses como fondo */
    color: white;
    border-color: #444; /* opcional, para que el borde no sea blanco */
}

.subcategory-link {
    color: red !important; /* Color normal */
    text-decoration: none;
    transition: color 0.2s ease;
	font-size: 1.4rem; /* ajusta el tamaño como prefieras */
}

.subcategory-link:hover {
    color: #39ff14 !important; /* Verde neón */
}

.text-rojo {
    color: red !important;
}