.customFeaturedArticle {  
  height: 60em;
}
.customFeaturedArticle .blog-item{  
  margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;  
}
.customFeaturedArticle .blog-item .item-content{
  padding: 20px;
}
.customFeaturedArticle .blog-item .item-content .item-title{  
  font-size: 1.5rem;
} 
.container-header{
background: none;  
}
.mod-menu__heading{
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  background: var(--gray-800);  
  color: white;
}

/* Estilos para textos con diferentes colores y niveles */
.text-blue-100 { color: #BBDEFB; }
.text-blue-200 { color: #64B5F6; }
.text-blue-300 { color: #42A5F5; }
.text-blue-400 { color: #2196F3; }
.text-blue-500 { color: #1E88E5; }
.text-blue-600 { color: #1976D2; }
.text-blue-700 { color: #1565C0; }
.text-blue-800 { color: #0D47A1; }
.text-blue-900 { color: #073D8D; }

.text-green-100 { color: #DCEDC8; }
.text-green-200 { color: #C5E1A5; }
.text-green-300 { color: #AED581; }
.text-green-400 { color: #9CCC65; }
.text-green-500 { color: #8BC34A; }
.text-green-600 { color: #7CB342; }
.text-green-700 { color: #689F38; }
.text-green-800 { color: #558B2F; }
.text-green-900 { color: #33691E; }

.text-yellow-100 { color: #FFF9C4; }
.text-yellow-200 { color: #FFF59D; }
.text-yellow-300 { color: #FFF176; }
.text-yellow-400 { color: #FFEE58; }
.text-yellow-500 { color: #FFEB3B; }
.text-yellow-600 { color: #FDD835; }
.text-yellow-700 { color: #FBC02D; }
.text-yellow-800 { color: #F9A825; }
.text-yellow-900 { color: #F57F17; }

.text-cyan-100 { color: #B2EBF2; }
.text-cyan-200 { color: #80DEEA; }
.text-cyan-300 { color: #4DD0E1; }
.text-cyan-400 { color: #26C6DA; }
.text-cyan-500 { color: #00BCD4; }
.text-cyan-600 { color: #00ACC1; }
.text-cyan-700 { color: #0097A7; }
.text-cyan-800 { color: #00838F; }
.text-cyan-900 { color: #006064; }

.text-pink-100 { color: #F8BBD0; }
.text-pink-200 { color: #F48FB1; }
.text-pink-300 { color: #F06292; }
.text-pink-400 { color: #EC407A; }
.text-pink-500 { color: #E91E63; }
.text-pink-600 { color: #D81B60; }
.text-pink-700 { color: #C2185B; }
.text-pink-800 { color: #AD1457; }
.text-pink-900 { color: #880E4F; }

.text-indigo-100 { color: #C5CAE9; }
.text-indigo-200 { color: #9FA8DA; }
.text-indigo-300 { color: #7986CB; }
.text-indigo-400 { color: #5C6BC0; }
.text-indigo-500 { color: #3F51B5; }
.text-indigo-600 { color: #3949AB; }
.text-indigo-700 { color: #303F9F; }
.text-indigo-800 { color: #283593; }
.text-indigo-900 { color: #1A237E; }

.text-teal-100 { color: #B2DFDB; }
.text-teal-200 { color: #80CBC4; }
.text-teal-300 { color: #4DB6AC; }
.text-teal-400 { color: #26A69A; }
.text-teal-500 { color: #009688; }
.text-teal-600 { color: #00897B; }
.text-teal-700 { color: #00796B; }
.text-teal-800 { color: #00695C; }
.text-teal-900 { color: #004D40; }

.text-orange-100 { color: #FFE0B2; }
.text-orange-200 { color: #FFCC80; }
.text-orange-300 { color: #FFB74D; }
.text-orange-400 { color: #FFA726; }
.text-orange-500 { color: #FF9800; }
.text-orange-600 { color: #FB8C00; }
.text-orange-700 { color: #F57C00; }
.text-orange-800 { color: #EF6C00; }
.text-orange-900 { color: #E65100; }

.text-bluegray-100 { color: #CFD8DC; }
.text-bluegray-200 { color: #B0BEC5; }
.text-bluegray-300 { color: #90A4AE; }
.text-bluegray-400 { color: #78909C; }
.text-bluegray-500 { color: #607D8B; }
.text-bluegray-600 { color: #546E7A; }
.text-bluegray-700 { color: #455A64; }
.text-bluegray-800 { color: #37474F; }
.text-bluegray-900 { color: #263238; }

.text-purple-100 { color: #E1BEE7; }
.text-purple-200 { color: #CE93D8; }
.text-purple-300 { color: #BA68C8; }
.text-purple-400 { color: #AB47BC; }
.text-purple-500 { color: #9C27B0; }
.text-purple-600 { color: #8E24AA; }
.text-purple-700 { color: #7B1FA2; }
.text-purple-800 { color: #6A1B9A; }
.text-purple-900 { color: #4A148C; }

.text-red-100 { color: #FFCDD2; }
.text-red-200 { color: #EF9A9A; }
.text-red-300 { color: #E57373; }
.text-red-400 { color: #EF5350; }
.text-red-500 { color: #F44336; }
.text-red-600 { color: #E53935; }
.text-red-700 { color: #D32F2F; }
.text-red-800 { color: #C62828; }
.text-red-900 { color: #B71C1C; }

.text-gray-100 { color: #F5F5F5; }
.text-gray-200 { color: #EEEEEE; }
.text-gray-300 { color: #E0E0E0; }
.text-gray-400 { color: #BDBDBD; }
.text-gray-500 { color: #9E9E9E; }
.text-gray-600 { color: #757575; }
.text-gray-700 { color: #616161; }
.text-gray-800 { color: #424242; }
.text-gray-900 { color: #212121; }

/* Estilos para fondos con diferentes colores y niveles */
.bg-blue-100 { background-color: #BBDEFB; }
.bg-blue-200 { background-color: #64B5F6; }
.bg-blue-300 { background-color: #42A5F5; }
.bg-blue-400 { background-color: #2196F3; }
.bg-blue-500 { background-color: #1E88E5; }
.bg-blue-600 { background-color: #1976D2; }
.bg-blue-700 { background-color: #1565C0; }
.bg-blue-800 { background-color: #0D47A1; }
.bg-blue-900 { background-color: #073D8D; }

.bg-green-100 { background-color: #DCEDC8; }
.bg-green-200 { background-color: #C5E1A5; }
.bg-green-300 { background-color: #AED581; }
.bg-green-400 { background-color: #9CCC65; }
.bg-green-500 { background-color: #8BC34A; }
.bg-green-600 { background-color: #7CB342; }
.bg-green-700 { background-color: #689F38; }
.bg-green-800 { background-color: #558B2F; }
.bg-green-900 { background-color: #33691E; }

.bg-yellow-100 { background-color: #FFF9C4; }
.bg-yellow-200 { background-color: #FFF59D; }
.bg-yellow-300 { background-color: #FFF176; }
.bg-yellow-400 { background-color: #FFEE58; }
.bg-yellow-500 { background-color: #FFEB3B; }
.bg-yellow-600 { background-color: #FDD835; }
.bg-yellow-700 { background-color: #FBC02D; }
.bg-yellow-800 { background-color: #F9A825; }
.bg-yellow-900 { background-color: #F57F17; }

.bg-cyan-100 { background-color: #B2EBF2; }
.bg-cyan-200 { background-color: #80DEEA; }
.bg-cyan-300 { background-color: #4DD0E1; }
.bg-cyan-400 { background-color: #26C6DA; }
.bg-cyan-500 { background-color: #00BCD4; }
.bg-cyan-600 { background-color: #00ACC1; }
.bg-cyan-700 { background-color: #0097A7; }
.bg-cyan-800 { background-color: #00838F; }
.bg-cyan-900 { background-color: #006064; }

.bg-pink-100 { background-color: #F8BBD0; }
.bg-pink-200 { background-color: #F48FB1; }
.bg-pink-300 { background-color: #F06292; }
.bg-pink-400 { background-color: #EC407A; }
.bg-pink-500 { background-color: #E91E63; }
.bg-pink-600 { background-color: #D81B60; }
.bg-pink-700 { background-color: #C2185B; }
.bg-pink-800 { background-color: #AD1457; }
.bg-pink-900 { background-color: #880E4F; }

.bg-indigo-100 { background-color: #C5CAE9; }
.bg-indigo-200 { background-color: #9FA8DA; }
.bg-indigo-300 { background-color: #7986CB; }
.bg-indigo-400 { background-color: #5C6BC0; }
.bg-indigo-500 { background-color: #3F51B5; }
.bg-indigo-600 { background-color: #3949AB; }
.bg-indigo-700 { background-color: #303F9F; }
.bg-indigo-800 { background-color: #283593; }
.bg-indigo-900 { background-color: #1A237E; }

.bg-teal-100 { background-color: #B2DFDB; }
.bg-teal-200 { background-color: #80CBC4; }
.bg-teal-300 { background-color: #4DB6AC; }
.bg-teal-400 { background-color: #26A69A; }
.bg-teal-500 { background-color: #009688; }
.bg-teal-600 { background-color: #00897B; }
.bg-teal-700 { background-color: #00796B; }
.bg-teal-800 { background-color: #00695C; }
.bg-teal-900 { background-color: #004D40; }

.bg-orange-100 { background-color: #FFE0B2; }
.bg-orange-200 { background-color: #FFCC80; }
.bg-orange-300 { background-color: #FFB74D; }
.bg-orange-400 { background-color: #FFA726; }
.bg-orange-500 { background-color: #FF9800; }
.bg-orange-600 { background-color: #FB8C00; }
.bg-orange-700 { background-color: #F57C00; }
.bg-orange-800 { background-color: #EF6C00; }
.bg-orange-900 { background-color: #E65100; }

.bg-bluegray-100 { background-color: #CFD8DC; }
.bg-bluegray-200 { background-color: #B0BEC5; }
.bg-bluegray-300 { background-color: #90A4AE; }
.bg-bluegray-400 { background-color: #78909C; }
.bg-bluegray-500 { background-color: #607D8B; }
.bg-bluegray-600 { background-color: #546E7A; }
.bg-bluegray-700 { background-color: #455A64; }
.bg-bluegray-800 { background-color: #37474F; }
.bg-bluegray-900 { background-color: #263238; }

.bg-purple-100 { background-color: #E1BEE7; }
.bg-purple-200 { background-color: #CE93D8; }
.bg-purple-300 { background-color: #BA68C8; }
.bg-purple-400 { background-color: #AB47BC; }
.bg-purple-500 { background-color: #9C27B0; }
.bg-purple-600 { background-color: #8E24AA; }
.bg-purple-700 { background-color: #7B1FA2; }
.bg-purple-800 { background-color: #6A1B9A; }
.bg-purple-900 { background-color: #4A148C; }

.bg-red-100 { background-color: #FFCDD2; }
.bg-red-200 { background-color: #EF9A9A; }
.bg-red-300 { background-color: #E57373; }
.bg-red-400 { background-color: #EF5350; }
.bg-red-500 { background-color: #F44336; }
.bg-red-600 { background-color: #E53935; }
.bg-red-700 { background-color: #D32F2F; }
.bg-red-800 { background-color: #C62828; }
.bg-red-900 { background-color: #B71C1C; }

.bg-gray-100 { background-color: #F5F5F5; }
.bg-gray-200 { background-color: #EEEEEE; }
.bg-gray-300 { background-color: #E0E0E0; }
.bg-gray-400 { background-color: #BDBDBD; }
.bg-gray-500 { background-color: #9E9E9E; }
.bg-gray-600 { background-color: #757575; }
.bg-gray-700 { background-color: #616161; }
.bg-gray-800 { background-color: #424242; }
.bg-gray-900 { background-color: #212121; }