.bk-gris{
	background-color: #b3b3b3;
    
}
.area-socio-cultural{
	padding-top: 30px;
	background-color: #b3b3b3;
}
.bk-rojo{
	background-color: #eb1400;
    
}
.div-btn-custom{
display: flex;
            justify-content: center;
            align-items: center;
            }

.btn-custom {
            display: inline-block;
            font-weight: 600; /* Negrita moderada */
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            user-select: none;
            border: 1px solid #a8a8a8; /* Borde más oscuro que el fondo */
            padding: 10px 20px; /* Padding generoso */
            font-size: 1.3em;
            line-height: 1.5;
            border-radius: 8px; /* Bordes bien redondeados */
            transition: all 0.3s ease;
            color: #333333 !important; /* Texto gris oscuro */
            background-color: #cacaca;
            cursor: pointer;
            text-decoration: none;

        }
        
        .btn-custom:hover {
            background-color: #b8b8b8;
            border-color: #969696;
            transform: translateY(-1px);
        }
        
        .btn-custom:active {
            transform: translateY(0);
        }
        
        .btn-custom:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(168, 168, 168, 0.3); /* Efecto focus sutil */
        }
.btn-custom span{
	font-weight: 500;
}